* {
word-wrap:break-word
}
html,body,h1,h2,h3,h4,h5,h6,hr,p,,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset {
margin:0;
padding:0
}
ul,ol,dl {
list-style-type:none
}
html,body {
*position:static
}
html {
font-family:sans-serif;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:400
}
input,button,textarea,select,optgroup,option {
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit
}
input,button {
overflow:visible;
vertical-align:middle;
outline:none
}
body,th,td,button,input,select,textarea {
font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";
font-size:14px;
color:#333;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
h1,h2,h3,h4,h5,h6 {
font-size:100%
}
a,area {
outline:none;
blr:expression(this.=this.blur())
}
a {
text-decoration:none;
cursor:pointer
}
a:hover {
text-decoration:underline;
outline:none
}
a.ie6:hover {
zoom:1
}
a:focus {
outline:none
}
a:hover,a:active {
outline:none
}
:focus {
outline:none
}
sub,sup {
vertical-align:baseline
}
button,input[type="button"],input[type="submit"] {
line-height:normal !important
}
/*img*/
img {
border:0;
vertical-align:middle
}
a img,img {
-ms-interpolation-mode:bicubic
}
.img-responsive {
max-width:100%;
height:auto
}
/*IE下a:hover 背景闪烁*/
*html {
overflow:-moz-scrollbars-vertical;
zoom:expression(function(ele) {
ele.style.zoom = "1";
document.execCommand("BackgroundImageCache",false,true)
}
(this))}/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend {
display:block;
margin:0;
padding:0
}
time {
display:inline
}
audio,canvas,video {
display:inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
display:none
}
legend {
width:100%;
margin-bottom:20px;
font-size:21px;
line-height:40px;
border:0;
border-bottom:1px solid #e5e5e5
}
legend small {
font-size:15px;
color:#999
}
svg:not(:root) {
overflow:hidden
}
fieldset {
border-width:0;
padding:0.35em 0.625em 0.75em;
margin:0 2px;
border:1px solid #c0c0c0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] {
-webkit-appearance:textfield;
/* 1 */-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
/* 2 */box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
/*
Name:style_clearfix
Example:class="clearfix|cl"
Explain:Clearfix(简写cl)避免因子元素浮动而导致的父元素高度缺失能问题
*/
table {
border-collapse:collapse;
border-spacing:0;
}
input:hover {
border:1px solid #067BBB!important;
}
input:focus {
border:1px solid #067BBB;
outline:0;
}
.cl:after,.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
.cl,.clearfix {
zoom:1
}
.btn {
border:none;
border-radius:4px;
cursor:pointer;
}
.form-control {
display:inline-block;
width:100%;
height:34px;
margin:0 auto;
box-sizing:border-box;
padding:6px 12px;
font-size:14px;
line-height:34px;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn-primary {
background:rgb(46,117,183);
color:#FFFFFF;
}
.btn-primary:hover {
background:rgba(46,117,183,0.8);
}
.btn-default {
background:#FFFFFF;
border:1px solid #c9c9c9;
}
.left {
float:left;
}
.right {
float:right;
}
.time-wrapper {
width:100%;
padding:40px;
padding-top:120px;
box-sizing:border-box;
}
.time-wrapper>div {
width:100%;
position:relative;
margin-top:-2px;
}
.time-wrapper>div.first-group {
margin-top:80px;
}
.odd-group .left-arrow {
display:none;
}
.even-group .right-arrow {
display:none;
}
.right-arrow {
width:26px;
border-top-right-radius:26px;
border-bottom-right-radius:26px;
border:2px solid #1BBC9B;
border-left:none;
min-height:130px;
box-sizing:border-box;
float:right;
}
.left-arrow {
width:26px;
border-top-left-radius:26px;
border-bottom-left-radius:26px;
border:2px solid #1BBC9B;
border-right:none;
min-height:130px;
box-sizing:border-box;
float:left;
}
.even-group .left-arrow {
min-height:220px;
}
.odd-group .time-detail {
position:absolute;
left:30px;
right:30px;
top:-80px;
}
.even-group .time-detail {
position:absolute;
left:30px;
right:30px;
top:12px;
}
.g-line {
height:2px;
background:#1BBC9B;
position:absolute;
left:26px;
right:26px;
top:0;
}
.time-detail .detail-c {
width:20%;
box-sizing:border-box;
float:left;
position:relative;
padding:0 10px;
}
.floatRight .detail-c {
float:right;
}
.time-detail .detail-c .circle {
width:12px;
height:12px;
border-radius:50%;
border:1px solid #1BBC9B;
box-sizing:border-box;
position:absolute;
z-index:99;
background:#ffffff;
}
.odd-group .circle {
bottom:-19px;
}
.even-group .circle {
top:-18px;
}
.time-detail .detail-c .circle .circle-son {
width:6px;
height:6px;
border-radius:50%;
background:#1BBC9B;
box-sizing:border-box;
margin:2px;
}
.detail-m {
max-width:100%;
display:inline-block;
padding:10px 15px;
background:#F3F3F3;
box-sizing:border-box;
}
.detail-m h3 {
font-weight:bold;
padding:5px 0;
}
.detail-m p {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.floatLeft .detail-c {
float:left;
}
.disappear {
display:none!important;
}