@charset "utf-8";
/*

**************          reset css     *********************

*/
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, rem, 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,article, aside, canvas, details, rembed,figure, figcaption, .footer, .header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;-webkit-appearance: none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,.footer, .header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote,q {quotes: none;}
a{text-decoration: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{text-decoration: none;display: inline-block;color: #585858;}
*{outline: none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:focus,a:active,a:link,a:visited,a:hover{outline: none;text-decoration: none;-webkit-tap-highlight-color:rgba(255,0,0,0);}

select{color:#585858;}
img{display:block;}
em{font-style:normal}

/*  input{outline: none;-webkit-tap-highlight-color:rgba(255,0,0,0);text-decoration: none;color: #585858;}  */




/***************          清除浮动     **********************/


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* Hide from IE Mac */
.ct{text-align:center;}
.clearfix {display:block;}
body{font-family:"微软雅黑";background: #fff;color: #585858;}
/* 竖屏   orientation: portrait 代表竖屏的状态下*/
@media screen and (orientation: portrait) {
    html {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    body {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #print {
        position: absolute;

    }
}

/* 横屏 orientation: landscape代表手机在横屏的状态下 */
@media screen and (orientation: landscape) {
    html {
        width: 100%;
        height: 100%;
    }
    body {
        width: 100%;
        height: 100%;
    }
    #print {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}