article,aside,footer,nav,section{display:block}body{word-wrap:break-word;margin:0;padding:122px 0 30px;color:#6b6b5d;font-size:14px;line-height:1.6;background:#e0dfd8 url(../static/mailr/intro/bg-main.png);font-family:"Myriad Pro","BlinkMacSystemFont","Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Lucida Grande","Luxi Sans",sans-serif,"SF Pro SC","SF Pro Text","PingFang SC","Hiragino Sans GB","STHeiti","Microsoft YaHei","Wenquanyi Micro Hei";box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}button,dd,div,dl,dt,fieldset,figcaption,figure,form,input,li,ol,pre,td,textarea,th,ul{margin:0;padding:0;word-wrap:break-word}blockquote,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}code,em,strong,th{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}blockquote,h1,h2,h3,h4,h5,h6,p{word-wrap:break-word}a:active,a:hover{outline:0}img{max-width:100%;-ms-interpolation-mode:bicubic}.feature td,img,input{vertical-align:middle}button,input,textarea{outline:0;resize:none}button,input{*overflow:visible;line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a:hover{color:#656557;text-decoration:none}a:hover{color:#999}.mailr{width:813px;margin:0 auto}.main{margin-bottom:50px}.main .hd{position:relative;height:360px}.main .bd{position:relative;z-index:20;background:#e0dfd8 url(../static/mailr/intro/bg-main.png)}.logo{top:60px;left:78px;width:71px;height:147px;background:url(../static/mailr/intro/quill@2x.png)no-repeat;background-size:71px 147px}.download,.intro,.logo{position:absolute}.intro{top:122px;left:169px}.intro .name{width:126px;height:40px;line-height:11em;overflow:hidden;margin-bottom:2px;background:url(../static/mailr/intro/mailr@2x.png)no-repeat;background-size:126px 40px}.intro .slogan{font-size:24px}.download{top:246px;left:78px}.download .device-icon,.download .store{display:inline-block;height:60px;text-align:center;background:url(../static/mailr/intro/bg-line.png)}.download .device-icon{vertical-align:top;width:56px}.download .device-icon em.iphone{display:inline-block;width:16px;height:30px;margin-top:16px;background:url(../static/mailr/intro/icon-iphone@2x.png)no-repeat;background-size:16px 30px}.download .store{width:203px;line-height:60px;margin-left:2px}.download .store .t1{font-size:17px}.download .store .t2{margin-right:8px;font-size:12px}.download .store:hover{color:#656557;opacity:.8}.showtime{position:absolute;top:-86px;right:68px;z-index:10}.showtime .phone{width:275px;height:469px;background:url(../static/mailr/intro/phone.png)no-repeat}.screen{position:relative;overflow:hidden;width:248px;height:374px;top:94px;left:15px}.view-chat,.view-edit,.view-list,.view-map,.view-menu{position:absolute;width:248px;height:374px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;background-repeat:no-repeat;opacity:0;transition:opacity .3s}.view-chat.active,.view-edit.active,.view-list.active,.view-map.active,.view-menu.active{opacity:1}.view-list{display:block;background-image:url(../static/mailr/intro/view-list.png)}.view-menu{background-image:url(../static/mailr/intro/view-menu.png)}.view-edit{background-image:url(../static/mailr/intro/view-edit.png)}.view-chat{background-image:url(../static/mailr/intro/view-chat.png)}.view-map{background-image:url(../static/mailr/intro/view-map.png)}.feature,.feature table{border-top:1px solid #c9c9bd}.feature{padding-top:2px}.feature .conversation,.feature .filter,.feature .location,.feature .more{display:inline-block;width:62px;height:56px;background-image:url(../static/mailr/intro/icon-features@2x.png);background-size:62px 248px}.feature .filter{background-position:0-5px}.feature .conversation{background-position:0-68px}.feature .location{background-position:1px -130px}.feature .more{background-position:0-190px}.feature table{width:100%}.feature tr:hover .icon{background:url(../static/mailr/intro/bg-line-light.png)}.feature tr:hover .info,.feature tr:hover .title{background:url(../static/mailr/intro/bg-light.png)}.feature td{height:62px;border-bottom:1px solid #c9c9bd}.feature .icon{width:62px;border-right:1px solid #c9c9bd;background:url(../static/mailr/intro/bg-line.png)}.feature .title{font-size:18px;margin:0 2px;width:159px;height:44px;padding:18px 0 0 23px;border-right:1px solid #c9c9bd;border-left:1px solid #c9c9bd}.feature .info{width:538px;padding:0 23px;border-left:1px solid #c9c9bd}header{display:none}footer{font-size:12px;text-align:center}@media only screen and (max-width:767px){body{padding:30px 0 10px!important}.mailr{width:100%}.showtime{display:none}.feature table{width:auto}.feature tr>td:nth-child(2){display:none}.feature .info{padding:0 12px;width:calc(100vw - 80px)}.download,.intro,.logo{position:static;display:inline-block}.logo{margin:7% 10px 0 0;vertical-align:bottom}.intro{margin-bottom:7px}.download{margin:35px 0}.main .hd{height:auto;text-align:center}}