/*
	DESTOON Copyright (C)2008-2099 www.destoon.com
	This is NOT a freeware,Use is subject to license.txt
*/
@charset "UTF-8";html{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:20px}html,body{-webkit-touch-callout:default;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;height:100%}
body {margin:0;line-height:1.5;font-size:.7rem;color:#212121;background-color:#ffffff;outline:0}
.head-bar img {filter: brightness(100);}
.head-tab a,.head-bar-title { color: #ffffff; }
.head-tab-tb b { color: #f2f2f2 }
.head-tab-on {border-bottom: #ffffff 4px solid;}
.gl-mfooter { font-size: 14px; border-radius: 0; bottom: 0; left: 0; position: fixed; text-align: center; width: 100%; z-index: 100001; background-color:#fff;opacity: 0;-webkit-transition: opacity .3s,-webkit-transform .3s;transition: opacity .3s,transform .3s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); }
.gl-mmodal-active { -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity: 1;}
.gl-mmodal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }

.gl-mfooter-title { position:relative; width:100%; background-color: #fff;color: #666; font-size:0.7rem; font-weight: 400;padding: 0.35rem 0.75rem; text-align: center; height:3.5rem;}
.gl-mfooter-title::after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #dddddd; color: #dddddd; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.gl-mshare-user {-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -webkit-flex;display: flex;}
.gl-mshare-user .aui-list-item-media {}
.gl-mshare-user .aui-list-item-media {position: relative;display: inherit;-webkit-flex-shrink: 0;flex-shrink: 0;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align: center;-webkit-align-items: flex-start;align-items: flex-start; width:2.75rem !important;height: 2.75rem !important;padding: .25rem .25rem .25rem 0 !important;margin-right: .25rem !important;}
.gl-mshare-user .aui-list-item-media img {border: .1rem #fff solid;-webkit-box-shadow: 2px 2px 2px rgba(125,125,125,0.6);-moz-box-shadow: 2px 2px 2px rgba(125,125,125,0.6);box-shadow: 2px 2px 2px rgba(125,125,125,0.6); width:2.75rem !important;}
.gl-mshare-user .aui-list-item-media img {width: 100%;display: block;width:2.55rem !important;}
.gl-mshare-user img.aui-img-round {border-radius: 50%;}
.gl-mshare-user .aui-list-item-inner { position: relative;min-height: 2.2rem;padding: 0.75rem 0.75rem 0 0;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-flex: 1;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;align-items: center;display: block;}
.gl-mshare-user .aui-list-item-title {font-size: .8rem;color: #212121;}
.gl-mshare-user .aui-list-item-text {height:1rem;font-size: .7rem;color: #757575;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.gl-mshare-user .aui-list-item-right {max-width: 50%;position: relative;font-size: .6rem;color: #757575;margin-right: 1.25rem;}
.gl-mshare-user .is-no-login { margin-top:1rem; color:#666}
.gl-mfooter-sns { background-color: #fff;margin: 0; padding-top: 0.5rem; height:auto; zoom:1; overflow:auto; margin-bottom:-0.5rem; }
.gl-mfooter-sns li { margin-bottom: 0.35rem; display: block; float: left; height: auto;  width: 25%; font-size:0.6rem; }
.gl-mfooter-sns a:link { color: #666 !important; display: block; text-decoration:none; }
.gl-mfooter-sns span { display: block; color:#666 }
.gl-mfooter-sns li i { background: none; color: #666; display: inline-block; font-size: 1.2rem; height: 1.8rem; line-height: 1.8rem; margin-bottom: 0.25rem; width: 1.8rem; }
.gl-mfooter-sns .share-icon-weibo { }
.appfooterbg { position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.3); width: 100%; height: 100%; z-index: 100000; opacity: 0;visibility: hidden;-webkit-transition: opacity .3s,-webkit-transform .3s;transition: opacity .3s,transform .3s; }
.appfooterbg-active { visibility: visible; opacity: 1; }
.gl-mfooter i { font-size:1.25rem !important}
.gl-mfooter-footer { margin: 0; }
.gl-mfooter-footer .gl-mfooter-btn { color: #666; display: block; width: 100%; background-color:#FFF; cursor: pointer;  font-size: 2.5rem; height:2.5rem;line-height: 2rem; text-align: center;}
.mdui-ripple-wave{position:absolute !important;top:0;left:0;z-index:1;padding:0;margin:0;font-size:0;pointer-events:none;background-color:rgba(0,0,0,.1);border-radius:50%;-webkit-transition-duration:1400ms;transition-duration:1400ms;-webkit-transform:translate3d(0px,0px,0) scale(0);transform:translate3d(0px,0px,0) scale(0)}.mdui-ripple[class*="mdui-color-"] .mdui-ripple-wave{background-color:rgba(255,255,255,.3)}.mdui-ripple-white .mdui-ripple-wave{background-color:rgba(255,255,255,.3) !important}.mdui-ripple-black .mdui-ripple-wave{background-color:rgba(0,0,0,.1) !important}.mdui-ripple-wave-fill{opacity:.35;-webkit-transition-duration:300ms;transition-duration:300ms}.mdui-ripple-wave-out{opacity:0;-webkit-transition-duration:600ms;transition-duration:600ms}.mdui-ripple-amber .mdui-ripple-wave{background-color:rgba(255,193,7,.3) !important}.mdui-ripple-blue .mdui-ripple-wave{background-color:rgba(33,150,243,.3) !important}.mdui-ripple-blue-grey .mdui-ripple-wave{background-color:rgba(96,125,139,.3) !important}.mdui-ripple-brown .mdui-ripple-wave{background-color:rgba(121,85,72,.3) !important}.mdui-ripple-cyan .mdui-ripple-wave{background-color:rgba(0,188,212,.3) !important}.mdui-ripple-deep-orange .mdui-ripple-wave{background-color:rgba(255,87,34,.3) !important}.mdui-ripple-deep-purple .mdui-ripple-wave{background-color:rgba(103,58,183,.3) !important}.mdui-ripple-green .mdui-ripple-wave{background-color:rgba(76,175,80,.3) !important}.mdui-ripple-grey .mdui-ripple-wave{background-color:rgba(158,158,158,.3) !important}.mdui-ripple-indigo .mdui-ripple-wave{background-color:rgba(63,81,181,.3) !important}.mdui-ripple-light-blue .mdui-ripple-wave{background-color:rgba(3,169,244,.3) !important}.mdui-ripple-light-green .mdui-ripple-wave{background-color:rgba(139,195,74,.3) !important}.mdui-ripple-lime .mdui-ripple-wave{background-color:rgba(205,220,57,.3) !important}.mdui-ripple-orange .mdui-ripple-wave{background-color:rgba(255,152,0,.3) !important}.mdui-ripple-pink .mdui-ripple-wave{background-color:rgba(233,30,99,.3) !important}.mdui-ripple-purple .mdui-ripple-wave{background-color:rgba(156,39,176,.3) !important}.mdui-ripple-red .mdui-ripple-wave{background-color:rgba(244,67,54,.3) !important}.mdui-ripple-teal .mdui-ripple-wave{background-color:rgba(0,150,136,.3) !important}.mdui-ripple-yellow .mdui-ripple-wave{background-color:rgba(255,235,59,.3) !important}.mdui-theme-layout-dark .mdui-ripple-wave{background-color:rgba(255,255,255,.3)}iframe[id^="head__"] { display: none !important; }iframe[id^="utp__"] { display: none !important; }


.foot-bar {background-color: rgba(255,255,255,1); overflow: unset}
.foot-bar li p { margin-top:5px;color: #999999;}
.foot-bar .aui-bar-tab-item span { display:block; width:100%; height:24px;}
.foot-bar .icon-home {background:url('image/icon-home.png') no-repeat center 0;background-size:24px 24px;}
.foot-bar .icon-home-on {background:url('image/icon-home-on.png') no-repeat center 0;background-size:24px 24px;}
.foot-bar .icon-channel {background:url('image/icon-channel.png') no-repeat center 0;background-size:24px 24px;}
.foot-bar .icon-channel-on {background:url('image/icon-channel-on.png') no-repeat center 0;background-size:24px 24px;}
.foot-bar .icon-club {background:url('image/icon-club.png') no-repeat center 0;background-size:24px 24px;}
.foot-bar .icon-club-on {background:url('image/icon-club-on.png') no-repeat center 0;background-size:24px 24px;}
.foot-bar .icon-message {background:url('image/icon-message.png') no-repeat center 0;background-size:24px 24px;}
.foot-bar .icon-message-on {background:url('image/icon-message-on.png') no-repeat center 0;background-size:24px 24px;}
.foot-bar .icon-my {background:url('image/icon-my.png') no-repeat center 0;background-size:24px 24px;}
.foot-bar .icon-my-on {background:url('image/icon-my-on.png') no-repeat center 0;background-size:24px 24px;}
.foot-bar .icon-more {background:url('image/icon-more.png') no-repeat center 0;background-size:24px 24px;}
.foot-bar .icon-more-on {background:url('image/icon-more-on.png') no-repeat center 0;background-size:24px 24px;}
.foot-bar .icon-home span,.foot-bar .icon-channel span,.foot-bar .icon-my span,.foot-bar .icon-more span {color:#7A7E83;}
.foot-bar .icon-home-on span,.foot-bar .icon-channel-on span,.foot-bar .icon-my-on span,.foot-bar .icon-more-on span {color:#007AFF;}
.aui-bar-tab .aui-bar-tab-item-one {display: table-cell;position: relative;width: 1%;height: 2.5rem;text-align: center;vertical-align: middle;}
.dt-chat-div { position:relative; top: -16px;width:50px;height:50px; background:#ffffff;border-radius: 50%;-webkit-border-radius: 50%;line-height: 50px;margin: 0 auto 0 auto;text-align: center; border: 1px rgba(155,143,143,0.15) solid;border-bottom: 0;border-left: 0;border-right: 0;}
.dt-chat { position: relative;z-index: 15;width:40px;height:40px;-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transform: rotate(0);transform: rotate(0);display: block; top:3px;box-shadow: 0.1rem 0.1rem 0.1rem rgba(0,0,0,.1);}
.dt-chat-div:before {}
.dt-chat{background:#5090ff;background:-moz-linear-gradient(-45deg,#5090ff 0,#36bbff 70%,#36bbff 100%);background:-webkit-linear-gradient(-45deg,#5090ff 0,#36bbff 70%,#36bbff 100%);background:linear-gradient(135deg,#5090ff 0,#36bbff 70%,#36bbff 100%); border-radius:50%;-webkit-border-radius:50%;line-height:2.5rem;margin:0 auto 0 auto;text-align:center; margin-top:0.2rem;}
.dt-chat .aui-icon-add{ color:#fff; font-size:36px !important; top:2px;}
.foot-bar .dt-chat-div .aui-bar-tab-label { margin-top:-15px; color:#999999; font-size: 12px;}
.foot-bar .aui-icon-add { position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #fff;font-size: 1.6rem !important;left: 50%;margin-left: -0.75rem;}
.footer-fast-div {position: relative;top: 25%;padding:15px;}
.footer-fast-title {font-size: 0.9rem;color: #333333;font-weight: bolder;}
.footer-fast-grid { position: relative;top: 25%; padding:0 15px;}
.footer-colse-btn {position: absolute;bottom: 0; width:5rem;height:2.5rem;line-height: 2.5rem; text-align:center;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.footer-colse-btn .aui-icon-close { color:#666; font-size:1.2rem;}

.foot-bar span {display: block;padding-top: 0;color: #444444;position: relative;width: 100%;height: 24px;top: 5px;}

.ui-form-album-item {width:80px;height:80px;border:#EDEEF1 1px solid;margin:0 16px 16px 0;float:left;display:block;}
.ui-form-album-item img {width:80px;height:80px;border:none;}
#imgs-list {display:inline;}
p.ui-p-sortable { padding: 0;position: relative; line-height: 20px; top:5px;}
.ui-p-sortable span { color: #999999; font-size: 12px; font-weight: normal; }
.imgitemdel {position: fixed;width: 100%;bottom: 0;left: 0;height: 50px;line-height: 50px;background-color: #EC5654;text-align: center;font-size: 14px;color: #fff;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;transform: translate3d(0px, 110%, 0px);-webkit-transform: translate3d(0px, 110%, 0px);z-index: 11;}
.imgitemdel .ui-form-album-item { display:none !important}
.imgitemdel p { margin: 0; padding: 0; font-size: 12px;font-weight: normal;}
.imgitemdel .imgitemdel-icon {height: 25px;background: url(icon-delete-wh.png) no-repeat center 5px;background-size: 20px 20px;}
.imgitemdel .imgitemdel-text { height: 25px; line-height: 25px;font-size: 12px; font-weight: normal;color: #ffffff;}