html,body{margin:0;padding:0;font-family:Microsoft YaHei;font-size:12px;color:#333;background-color:#f9f9f9}ol,ul,li{margin:0;padding:0;list-style:none}input,select{outline:none}a{text-decoration:none;outline:none}p{margin:0;padding:0}.publish_box{position:fixed;z-index:1000;bottom:0;width:100%;border-top:1px solid #b9b9b8;border-bottom:1px solid #b9b9b8;background-color:#fff}.publish_box .publish_wrap{padding:.4rem 7.8rem .4rem 4rem;max-width:720px;box-sizing:border-box;position:relative;margin:0 auto}.publish_box .publish_wrap .mobile-emotion{display:inline-block;position:absolute;height:3.4rem;width:1rem;margin-left:-3.2rem}.publish_box .publish_wrap .mobile-emotion .emotion{font-size:2.5rem;color:#808289;width:2.4rem;height:2.4rem;display:block;margin-top:.3rem;background:url(../images/select-face.png) no-repeat center center;background-size:100% auto;cursor:pointer}.publish_box .publish_wrap .mobile-emotion .pub-face.active{background-image:url(../images/select-face-active.png)}.publish_box .publish_wrap .input_text{position:relative;display:inline-block;width:100%;height:3rem;line-height:3rem;border:1px solid #d7d7d8;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff}.publish_box .publish_wrap .input_text input{width:100%;padding:0 .5rem;line-height:2.5rem;overflow-x:hidden;overflow-y:auto;font-size:1.25rem;border:none;box-sizing:border-box;outline:none}.publish_box .publish_wrap .publish_btn{display:inline-block;position:absolute;float:right;margin-top:.4rem;top:0;right:.8rem;width:6.3rem;height:3rem;line-height:3rem;font-size:1.25rem;text-align:center;color:#fff;border:1px solid #00a5e0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#00a5e0}.publish_box .pub-faces{display:none;padding:25px 0 17px;background:#f0eff5}.publish_box .pub-faces .ui-carousel{overflow:hidden;margin:auto;width:256px;position:relative;-webkit-transform:translate(0, 0)}.publish_box .pub-faces .ui-carousel .ui-carousel-inner{position:relative;overflow:hidden}.publish_box .pub-faces .ui-carousel .ui-carousel-inner .face-panel{float:left;width:256px;height:96px;background:#f0eff5 no-repeat 50% 50%;background-size:256px 96px}.publish_box .pub-faces .ui-carousel .ui-carousel-inner .face-panel a{float:left;width:36px;height:32px}.publish_box .pub-faces .ui-carousel .ui-carousel-inner .ui-carousel-item{position:relative;z-index:9;display:inline-block;-webkit-transition:.2s ease-in-out left;transition:.2s ease-in-out left;-webkit-transform:translate(0, 0)}.publish_box .pub-faces .ui-carousel .ui-carousel-indicators{list-style:none;-webkit-transform:translate(0, 0);text-align:center;padding-left:0;z-index:11;position:relative;bottom:initial;left:initial;margin-left:-7px;width:initial}.publish_box .pub-faces .ui-carousel .ui-carousel-indicators li.js-active{background-color:#64b5e8}.publish_box .pub-faces .ui-carousel .ui-carousel-indicators li{display:inline-block;width:8px;height:8px;border-radius:8px;margin:0 3px;font-size:0;background-color:#ddd}