/**
 * 
 * @authors Chengkebin (chengkb@cncn.net)
 * @date    2014-12-15 14:36:47
 * @version $Id$
 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;text-decoration: none;font-style: normal;box-sizing:border-box;-webkit-box-sizing:border-box;}
body {line-height: 1;min-width: 320px;font-family: "Microsoft YaHei",sans-serif;}
ol, ul {list-style: none;}
a{color: #18b4ed;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance: none;}
.pr{position: relative;overflow: hidden;}
.pf-top{position: fixed;top: 0;right: 0;left: 0;}
.pf-bottom{position: fixed;bottom: 0;right: 0;left: 0;z-index: 9999;}
.p10{padding:10px 0;}
.flex{display: flex;display: -webkit-flex;display:-webkit-box;display:-moz-box;}
.pf-blue{background:#0a8ecc; }
.pf-gray{background: #ededed;}
/*top nav*/
nav{position: relative;z-index: 100;}
.dt-nav{z-index: 100;height: 55px;box-sizing: border-box;display: flex;display: -webkit-flex;display:-webkit-box;display:-moz-box;background:#18b4ed;position: relative;}
.dt-nav div:nth-child(2){padding: 1em 10px;line-height:1;color: #fff;font-size: 1.25em;flex:6;-webkit-flex:6;-webkit-box-flex:6;-moz-box-flex:6;text-align: center;vertical-align: middle;}
.dt-nav div:first-child{padding: 1.2em 10px;vertical-align: middle;flex:1;-webkit-flex:1;-webkit-box-flex:1;-moz-box-flex:1;}
.dt-nav div img{width: 1.25em;}
.dt-nav div:last-child{padding: .15em 10px;text-align:right;vertical-align: middle;flex:1;-webkit-flex:1;-webkit-box-flex:1;-moz-box-flex:1;color: #fff;font-size: 2em;line-height: 1;font-weight: 100;}
.dt-slide{z-index: 100;display: flex;display: -webkit-flex;display:-webkit-box;display:-moz-box;padding: 10px;position: absolute;top: 55px;right: 0;left: 0;background: #fff;display: none;}
.dt-slide li{flex:1;-webkit-flex:1;-webkit-box-flex:1;-moz-box-flex:1;text-align: center;color: #666;}
.dt-slide li a{display: block;width: 2em;margin: auto;padding-bottom: .5em;}
.dt-slide li a img{width: 100%;}
.dt-showflex{display: flex;display: -webkit-flex;display:-webkit-box;display:-moz-box;}
.dt-shade{position: fixed;top: 0;right: 0;left:0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 10;display: none;}
/*line*/
.dt-line{height:10px;background: #ededed;border-top: 1px #cccccc solid;border-bottom: 1px #cccccc solid;}
.book_close{height:48px;overflow: hidden;display: block;}
.book_open{height: auto !important;}
.bool_btn_sty{text-align: right;cursor:pointer;text-decoration: underline;color: #18b4ed;}