.clear { clear:both; }
.clearfix:after { content: " "; display: block; height: 0; clear:both; visibility: hidden; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0 }
li, ul { list-style:none }
.btn-radius-5 { -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; }
.main { width:100%; padding:15px}
.head { font-size: 18px; position:  relative; }
.head i { font-style:  normal; -webkit-border-radius: 5px; border-radius:5px; -moz-border-radius:5px; border: 1px solid #e04d55; color: #e04d55; font-size: 16px; padding: 0 3px; margin-right: 15px; }
.head span { }
.head font { margin-left:  15px; color: #666; }
.head em { width:25px; height:24px; background: url(iconxx.jpg); position: absolute; right: 0; top: 0; }
.total { line-height:1.5; margin:8px 0 }
.total p { color: #2fa48d; display:  inline-block; position:  relative; font-size: 20px; font-weight:  bold; }
.total span { font-size:  46px; font-weight:  bold; }
.total i { font-style:  normal; position:  absolute; left: 110%; top: 6px; }
.total em {font-style:  normal;position:  absolute;left: 110%;bottom: 9px;}
.time { color: #666; font-size: 18px; }
.tab { border-bottom: 1px solid #f0f0f0; float:left; width:100%; margin-top:15px }
.tab span { padding-bottom: 20px; font-size: 18px; float: left; width: 20%; text-align: center; position:relative }
.tab span.on { color:#f8774a }
.tab span.on:before { content:""; position:absolute; left:50%; bottom:0; height:3px; background:#f8774a; display:block; width:40px; margin-left:-20px }
.tab_item { line-height: 2; font-size: 16px; padding:  15px 0; border-bottom: 1px solid #f0f0f0; float:  left; width: 100%; }
.tab_item .lt { float:  left; width: 50%; border-right: 1px solid #f0f0f0; padding: 0 15px; }
.tab_item .rt { float:  left; width: 50%; padding: 0 10px; }
.tab_item font.red{color: #d3525b;}
.tab_item font.blue{ color:#2fa48d}
.tab_item li { }
.tab_item li span {float:  left;width: 48%;color: #666;}
.tab_item li font { float:  right; width:  48%; text-align:  right; }
.tab_item li.full { }
.four_title { font-size:  18px; float:  left; width: 100%; margin-top: 20px; margin-bottom: 10px; position:  relative; }
.four_title em { background: url(iconxxa.jpg) no-repeat center center; width:  24px; height: 24px; position:  absolute; right:  0; top: 0; display:  block; }
.four_tabitem { float:  left; width: 100%; padding-bottom:  20px; border-bottom: 1px solid #f0f0f0; font-size: 16px; }
.scale-box { position:  relative; float:  left; width: 100%; padding-top: 35px; }
.scale-box .duo { position:  absolute; left:  0; top: 0; }
.scale-box i { -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; width: 28px; height:  28px; text-align:  center; line-height:  28px; background:  #d3525b; color:  #fff; font-size: 18px; display: inline-block; font-style:  normal; margin-right: 8px; }
.scale-box .shao { position:  absolute; right:  0; top: 0; }
.scale-box .shao i { background: #2fa48d; margin-left: 8px; margin-right: 0; }
.scale-box .red { background:  #d3525b; height: 8px; float:  left; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; }
.scale-box .blue { background:  #2fa48d; height: 8px; float:  right; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; }
.four_tabitem li label { float:  left; width: 33.33333%; padding-left: 15px; }
.four_tabitem li span { float:  left; width: 33.3333333%; }
.four_tabitem li font { float: left; width: 33.33333333%; text-align:  right; padding-right: 15px; }
.four_tabitem li span.red { color: #d3525b; }
.four_tabitem .redul { line-height: 2.4; background: url(dslt.jpg) repeat-x; float:  left; width: 50%; }
.four_tabitem .blueul { line-height: 2.4; background: url(dsrt.jpg) repeat-x; float:  right; width: 50%; }
.four_tabitem .blueul li label { float:  right; text-align:  right; padding-left:  0; padding-right: 15px; }
.four_tabitem .blueul li span { float:  right; text-align:  right; }
.four_tabitem .blueul li font { float:  left; padding-right:  0; text-align:  left; padding-left: 15px; }
.logs_title { font-size:  18px; float:  left; width: 100%; margin-top: 20px; margin-bottom: 10px; position:  relative; }
.logs_title em { background: url(iconxxa.jpg) no-repeat center center; width:  24px; height: 24px; position:  absolute; right:  0; top: 0; display:  block; }
.logs_ulist { line-height: 1.5; font-size: 16px; float:  left; width: 100%; }
.logs_ulist .thead { float:left; width:100%}
.logs_ulist .time { float:  left; width: 24%; }
.logs_ulist .price{float:  left;width: 19%;text-align:  right;}
.logs_ulist .price1{float:  left;width: 19%;text-align:  right;}
.logs_ulist .price2{float:  left;width: 19%;text-align:  right;}
.logs_ulist .price3{float:  left;width: 19%;text-align:  right;}
.logs_ulist li{ float:left; width:100%}
.logs_ulist .red { color:#d3525b}
.logs_ulist .blue { color:#2fa48d}