/**
 * admin.css
 * Author Larry
 * www.larryms.com
 * QQ 313492783
 */
html,
body{min-height:100vh;box-sizing:border-box;overflow-x:hidden !important;}

/*设定系统input样式*/
::-webkit-input-placeholder{color:#ccc;font-size:12px;}

/*全局设定*/
html{background:#f2f2f2;color:#666;}
*[template],
.larryms-tabsbody-item{display:none;}
*[lay-href],
*[lay-tips],
*[larryms-event]{cursor:pointer;}

/* 重置布局结构 */
.layui-layout-admin .layui-header{position:fixed;top:0;left:0;width:100%;height:50px;background:#1E9FFF;box-sizing:border-box;box-shadow:1px 1px 1px #0085e8;z-index:1001}

/*顶部菜单导航*/
.larryms-app .layui-layout-left{height:50px;line-height:50px;padding:0px 10px;left:220px;}
.larryms-app .layui-layout-left .layui-nav .layui-nav-item{line-height:50px;}
.larryms-app .larryms-flexible{margin:0 2px;color:rgba(255,255,255,1);line-height:50px;font-size:16px;}
.larryms-app .larryms-flexible i.larry-icon{font-size:22px;}
.layui-layout-left .layui-nav{padding:0px 5px;}
.layui-layout-left .layui-nav .layui-nav-item{margin-right:5px;}
.layui-layout-left .layui-nav .layui-nav-item a span{padding:0px 5px;line-height:50px;font-size:14px;vertical-align:top;}
.larryms-app .layui-layout-right{height:50px;line-height:50px;padding:0px;}
.layui-layout-right .layui-nav-item.serach{padding-right:12px;}
.layui-layout-right .layui-nav-item .layui-input-search{display:inline-block;vertical-align:top;height:36px;cursor:text;border:none;margin-top:6px;border-radius: 6px;}
.larryms-app .layui-nav.layui-layout-right .layui-nav-item{line-height:50px;}
.larryms-app .layui-header .layui-nav-bar{top:-1px!important;bottom:auto;height:2px;    /*background: #2F4056;*/background:#8FCFFF;}
.layui-nav .layui-nav-item a{display:inline-block;min-width:24px;color:rgba(255,255,255,0.96);font-size:14px;line-height:50px;padding:0px 10px;text-align:center;}
.layui-layout-left .layui-nav .layui-nav-item a{padding:0px 5px;}
.layui-nav .layui-nav-item a cite{padding-right:8px;}
.layui-nav .layui-nav-item.user-info a span.photo{display:inline-block;vertical-align:top;width:36px;height:36px;margin-top:7px;margin-right:6px;box-sizing:border-box;border-radius:50%;text-align:center;}
.layui-nav .layui-nav-item.user-info a span.photo img{display:block;width:30px;height:30px;margin:0 auto;vertical-align:middle;border-radius:50%;border:3px solid rgba(238,238,238,0.8);}
.layui-layout-admin .layui-header .layui-nav-child{top:55px;max-width:120px;box-sizing:border-box;padding:0px;}
.layui-layout-admin .layui-header .layui-nav-child dd{width:auto;padding:0px;}
.layui-layout-admin .layui-header .layui-nav-child dd a{display:inline-block;min-width:100px;box-sizing:border-box;line-height:40px;margin:0px;padding:0px;}
.layui-nav .layui-badge-dot.larryms-top-right-msg{margin:-8px 2px 0;}
.layui-nav-item.search{position:relative;}

.layui-nav-item.search .larryms-search-reslist {
    padding: 10px 0;
    min-width: 420px;
    position: absolute;
    left: 0;
    top: 45px;
    margin: 0;
    z-index: 1000;
    line-height: 32px;
    font-size: 14px;
    min-height: 230px;
    border-radius: 2px;
    box-shadow: 1px 2px 5px rgba(30, 160, 255, .2);
    background-color: #fff;
    border: 1px solid #e8e8e8;
}
.layui-nav-item.search .larryms-search-reslist p{
    font-size: 14px;
    color: #bbb;
    line-height: 32px;
    padding-left: 15px;
}
.layui-nav-item.search .larryms-search-reslist a.larryms-search-menu{display:block;color:#232323!important;text-decoration:none;padding:0 15px;overflow:hidden;text-overflow:ellipsis;line-height:38px;height:38px;text-align:left;box-sizing:border-box;}
.layui-nav-item.search .larryms-search-reslist a.larryms-search-menu:hover{background-color:#e8e8e8;}
.layui-nav-item.search .larryms-search-reslist:after{display:none;}
.layui-nav-item.search .larryms-search-reslist.show{-webkit-animation:moveFromTopFade .4s ease both;-moz-animation:moveFromTopFade .4s ease both;animation:moveFromTopFade .4s ease both;}
.layui-nav-item.search .larryms-search-reslist.hide{-webkit-animation:moveToTopFade .4s ease both;-moz-animation:moveToTopFade .4s ease both;animation:moveToTopFade .4s ease both;display:none;}

/*面包屑导航*/
.larryms-breadcrumb{display:inline-block;min-width:320px;max-width:560px;overflow:hidden;text-overflow:ellipsis;height:50px;box-sizing:border-box;vertical-align:top;}
.larryms-breadcrumb span.layui-breadcrumb{width:auto;min-width:100px;max-width:560px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left;}
.larryms-breadcrumb span.layui-breadcrumb a{display:inline-block;font-size:14px!important;padding:0 8px;color:rgba(255,255,255,0.88)!important;color:#f8f8f8;padding:0px;margin:0px;line-height:54px;vertical-align:top;}
.larryms-breadcrumb span.layui-breadcrumb a,
.larryms-breadcrumb span.layui-breadcrumb a cite{color:#666;font-size:14px;line-height:54px;vertical-align:top;}
.larryms-breadcrumb span.layui-breadcrumb span[lay-separator]{color:#e8e8e8;padding:0px 5px;font-size:16px;vertical-align:top;margin:0px;line-height:55px;}
.larryms-breadcrumb span.layui-breadcrumb span:nth-child(1){display:none;}
.larryms-breadcrumb span.layui-breadcrumb a.larryms-crumb-this{color:rgba(255,255,255,1)!important;line-height:54px;}
.larryms-breadcrumb span.layui-breadcrumb .crumb-tips{display:inline-block;vertical-align:top;height:50px;font-style:normal;font-size:14px;color:rgba(255,255,255,1)!important;line-height:54px;}
.website-click{box-sizing:border-box;vertical-align:top;}

/*左侧菜单*/
.larryms-app .layui-side{width:220px;top:0px;z-index:1003;background:#0b1c2c;box-sizing:border-box;}
.larryms-logo{position:absolute;left:0px;top:0px;right:0px;height:50px;line-height:50px;color:rgba(255,255,255,0.88);padding:0px 15px;box-sizing:border-box;box-shadow:0 1px 2px 0 rgba(0,0,0,0.15);font-size:20px;text-align:center;z-index:1003;}
.larryms-logo img{
    display: block;
    height: 100%;
    width: auto;
    margin-left: 15px;
}
.larryms-body{position:fixed;top:90px;bottom:0px;right:0px;}
.larryms-app .layui-layout-left,
.larryms-app .larryms-pagetabs,
.larryms-app .larryms-body,
.larryms-app .larryms-footer{left:220px;}
.layui-side-menu .layui-side-scroll{width:240px;overflow-x:hidden;}
.layui-side-menu .layui-side-scroll > .layui-panel{padding-top:50px;background:none;border:none;box-shadow:none;}
.layui-side-menu .layui-side-scroll .layui-menu-item-group .layui-panel.layui-menu-body-panel{background:none;border:none;box-shadow:none;}
.layui-side-menu .layui-side-scroll .layui-panel{width:220px;}
.larryms-side-menu ul.layui-menu{background:none;background:transparent;margin:0px;padding-top:6px;}
.larryms-side-menu .layui-menu > li{min-height:50px;line-height:50px;color:rgba(255,255,255,0.6);padding:0px;}
.larryms-side-menu .layui-menu li{box-sizing:border-box;}
.larryms-side-menu .layui-menu li,
.larryms-side-menu .layui-menu ul{width:100%;}
.larryms-side-menu .layui-menu ul{padding-top:5px;}
.larryms-side-menu .layui-menu .layui-menu-item-checked:after{border-right:none;}
.larryms-side-menu .layui-menu .layui-menu-item-group li .layui-menu-body-title{min-height:46px;line-height:46px;position:relative;vertical-align:top;}
.larryms-side-menu .layui-menu li .layui-menu-body-title i.larry-icon,
.larryms-side-menu .layui-menu .layui-menu-item-group .layui-menu-body-title i.fa{display:inline-block;vertical-align:top;padding-right:5px;font-size:16px!important;}
.larryms-side-menu .layui-menu .layui-menu-item-group > .layui-menu-body-title,
.larryms-side-menu .layui-menu .layui-menu-body-title{color:rgba(255,255,255,0.58);}
.larryms-side-menu .layui-menu li > ul > li,
.larryms-side-menu .layui-menu li > ul > li > ul > li,
.larryms-side-menu .layui-menu li > ul > li > ul > li > ul > li,
.larryms-side-menu .layui-menu li > ul > li > ul > li > ul > li > ul > li{padding:0px;}
.larryms-side-menu .layui-menu-body-title > i.layui-icon{right:15px;}
.larryms-side-menu .layui-menu .layui-menu-item-group.layui-menu-item-down > .layui-menu-body-title i.larry-icon,
.larryms-side-menu .layui-menu .layui-menu-item-group.layui-menu-item-down > .layui-menu-body-title span.title,
.larryms-side-menu .layui-menu .layui-menu-item-group.layui-menu-item-down > .layui-menu-body-title i.layui-icon{color:rgba(255,255,255,0.82);}
.larryms-side-menu .layui-menu .layui-menu-item-group > ul{margin:5px 0px;}

/*第一级菜单*/
.larryms-side-menu .layui-menu > li > .layui-menu-body-title{padding-left:18px;padding-right:18px;}

/*第二级菜单*/
.larryms-side-menu .layui-menu > li > ul > li > .layui-menu-body-title{padding-left:35px;}

/*第三级菜单*/
.larryms-side-menu .layui-menu li > ul > li > ul > li > .layui-menu-body-title{padding-left:50px;}

/*第四级菜单*/
.larryms-side-menu .layui-menu li > ul > li > ul > li > ul > li > .layui-menu-body-title{padding-left:60px;}

/*第五级菜单*/
.larryms-side-menu .layui-menu li > ul > li > ul > li > ul > li > ul > li > .layui-menu-body-title{padding-left:70px;}

/*第六级菜单*/
.larryms-side-menu .layui-menu li > ul > li > ul > li > ul > li > ul > li > ul > li > .layui-menu-body-title{padding-left:75px;}

/*第七级菜单*/
.larryms-side-menu .layui-menu li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .layui-menu-body-title{padding-left:80px;}

/*第八级菜单*/
.larryms-side-menu .layui-menu li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .layui-menu-body-title{padding-left:85px;}

/*无限级菜单*/
.larryms-side-menu .layui-menu li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li .layui-menu-body-title{padding-left:90px;}
.larryms-side-menu .layui-menu .layui-menu-item-down > ul{background:rgba(0,0,0,.3)!important;}
.larryms-side-menu .layui-menu .layui-menu-item-up > .layui-menu-body-title i.layui-icon-up{color:rgba(255,255,255,0.6);}
.larryms-side-menu .layui-menu .layui-menu-item-up:hover > .layui-menu-body-title i.layui-icon-up:before{color:rgba(255,255,255,1)!important;}
.larryms-side-menu .layui-menu .layui-menu-item-up:hover > .layui-menu-body-title i.layui-icon-down:before{color:rgba(255,255,255,1)!important;}
.larryms-side-menu .layui-menu .layui-menu-item-checked .layui-menu-body-title i.larry-icon,
.larryms-side-menu .layui-menu .layui-menu-item-checked .layui-menu-body-title i.larry-icon:before,
.larryms-side-menu .layui-menu .layui-menu-item-checked .layui-menu-body-title i.fa,
.larryms-side-menu .layui-menu .layui-menu-item-checked .layui-menu-body-title i.fa:before,
.larryms-side-menu .layui-menu .layui-menu-item-checked .layui-menu-body-title,
.larryms-side-menu .layui-menu .layui-menu-item-checked .layui-menu-body-title i.layui-icon:before{color:rgba(255,255,255,1);}

/*菜单折叠后 浮动菜单*/

/*左侧菜单*/
.larryms-side-menu .layui-menu{display:none;}
.larryms-side-menu .layui-menu.larryms-menu-active{display:block;}

/* 右侧面板 */
.layui-layer-larrymsright{top:50px!important;bottom:0;right:0;box-shadow:1px 1px 10px rgba(0,0,0,.2);border-radius:0;overflow:auto;}

/*选项卡页面标签*/
.larryms-app .larryms-pagetabs{position:fixed;top:50px;right:0;z-index:999;height:40px;line-height:40px;padding:0 145px 0 40px;background-color:#fff;box-sizing:border-box;border-bottom:1px solid #f1f1f1;border-top:none;}
.larryms-pagetabs .larryms-tabs-control{position:absolute;top:0;width:40px;height:100%;text-align:center;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box;border-left:1px solid #f6f6f6;box-shadow:1px 1px 2px rgb(0 0 0 / 10%);}
.larryms-pagetabs .larryms-tabs-control:hover{background-color:#f6f6f6;}
.larryms-pagetabs .layui-icon-prev{left:0;border-left:none;border-right:1px solid #e8e8e8;cursor:pointer;}
.larryms-pagetabs .layui-icon-next{right:105px;cursor:pointer;}
.larryms-pagetabs .larryms-tabs-control.larryms-right-control{width:105px;right:0px;}
.larryms-pagetabs .larryms-tabs-control.larryms-right-control .larryms-refresh{display:block;width:60px;position:absolute;top:0px;left:0px;box-sizing:border-box;height:40px;padding:0px;margin:0px;border-top:none;}
.larryms-pagetabs .larryms-tabs-control.larryms-right-control .larryms-refresh:hover{background:#1E9FFF;color:#fff;}
.larryms-pagetabs .larryms-tabs-control.larryms-right-control .larryms-refresh:hover i.larry-icon,
.larryms-pagetabs .larryms-tabs-control.larryms-right-control .larryms-refresh:hover cite{color:#fff;}
.larryms-pagetabs .larryms-tabs-control.larryms-right-control .larryms-refresh i.larry-icon{vertical-align:top;line-height:40px;    /*color: #fff;*/}
.larryms-pagetabs .larryms-tabs-control.larryms-right-control .larryms-refresh cite{font-style:normal;line-height:40px;vertical-align:top;    /*color: #fff;*/}
.larryms-pagetabs .larryms-tabs-control.larryms-right-control .larryms-tabs-select{position:absolute;width:40px;left:65px;width:40px;border-left:1px solid #f1f1f1;}
.larryms-tabs-select.layui-nav{height:100%;padding:0;background:none;}
.larryms-tabs-select.layui-nav .layui-nav-item{line-height:40px;}
.larryms-tabs-select.layui-nav .layui-nav-item > a{height:40px;line-height:40px;}
.larryms-tabs-select.layui-nav .layui-nav-item a{color:#666;line-height:40px;}
.larryms-tabs-select.layui-nav .layui-nav-item a.larryms-icon-down{display:block;width:100%;height:100%;padding:0px;margin:0px;line-height:40px;text-align:center;}
.larryms-tabs-select.layui-nav .layui-nav-child{top:40px;left:auto;right:0;}
.larryms-tabs-select.layui-nav .layui-nav-child dd{white-space:nowrap;cursor:pointer;}
.larryms-tabs-select.layui-nav .layui-nav-child dd i.larry-icon{display:inline-block;vertical-align:top;line-height:40px;color:#555;}
.larryms-tabs-select.layui-nav .layui-nav-child dd cite{display:inline-block!important;font-style:normal;line-height:40px;vertical-align:top;padding:0px;color:#666;padding-left:5px;}
.larryms-pagetabs .larryms-tabs-select dl.layui-nav-child dd:hover{background:#1E9FFF;}
.larryms-pagetabs .larryms-tabs-select dl.layui-nav-child dd:hover i.larry-icon,
.larryms-pagetabs .larryms-tabs-select dl.layui-nav-child dd:hover cite{color:#fff;}
.larryms-tabs-select.layui-nav .layui-nav-child dd.layui-this,
.larryms-tabs-select.layui-nav .layui-nav-child dd.layui-this a{background-color:#f2f2f2!important;color:#333;}
.larryms-tabs-select.layui-nav .layui-nav-more,
.larryms-tabs-select.layui-nav .layui-nav-bar{display:none;}
.larryms-tabs-select.layui-nav .layui-nav-item:after{display:none;}

/*页面选项卡*/
.larryms-pagetabs .layui-tab{margin:0;overflow:hidden;height:39px;box-shadow:1px 1px 2px rgb(0 0 0 / 10%);box-sizing:border-box;}
.larryms-pagetabs .layui-tab-title{height:39px;border:none;}
.larryms-pagetabs .layui-tab-title li{min-width:0;box-sizing:border-box;line-height:40px;max-width:160px;text-overflow:ellipsis;padding-right:40px;overflow:hidden;border-radius:3px;vertical-align:top;background:#fefefe;}
.larryms-pagetabs .layui-tab-title li:before{content:'';width:1px;height:100%;position:absolute;right:0px;top:0px;background:#f1f1f1;}
.larryms-pagetabs .layui-tab-title li:hover:before{display:none;}
.larryms-pagetabs .layui-tab-title li:first-child{padding-right:15px;}
.larryms-pagetabs .layui-tab-title li:first-child .layui-tab-close{display:none;}
.larryms-pagetabs .layui-tab-title li .layui-tab-close{position:absolute;right:8px;top:50%;margin:-7px 0 0 0;width:16px;height:16px;line-height:16px;border-radius:50%;font-size:12px;}
.larryms-pagetabs  li:after{content:'';position:absolute;bottom:0;left:0;width:0;height:4px;border-radius:0;transition:all .3s;-webkit-transition:all .3s;z-index:1000;}
.larryms-pagetabs  li:hover:after{width:100%;}
.larryms-pagetabs .layui-tab-title li:after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;border-radius:0;transition:all .3s;-webkit-transition:all .3s;z-index:1000;}
.larryms-pagetabs .layui-tab-title li:hover:after{width:100%;}
.larryms-pagetabs  .layui-tab-title li.layui-this:after{display:none;}
.larryms-pagetabs .larryms-tabs-select dl.layui-nav-child{min-width:120px;padding:0px;}
.larryms-pagetabs .larryms-tabs-select dl.layui-nav-child dd{padding:0px;}
.larryms-pagetabs .layui-tab-title li i.larry-icon{padding-right:5px;}
.larryms-pagetabs .layui-tab-title li i.layui-tab-close:hover{background:none;border:none;box-shadow:4px 6px 8px rgba(255,255,255,0.8);border-radius:1px;}
.larryms-pagetabs .layui-tab-title li span em.search-text-tips{font-style:normal;font-weight:600;color:#ff5722;}
.larryms-pagetabs .layui-tab-title li.layui-this span em.search-text-tips{color:#fff;}

/*页面主体内容*/
.larryms-app .larryms-body .larryms-tabsbody-item{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;overflow-y:auto;}
.larryms-app .larryms-body .larryms-tabsbody-item .larryms-iframe{position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;border:none;}

/* 遮罩 */
.larryms-app .larryms-body-shade{position:fixed;background-color:rgba(0,0,0,.26);z-index:1002;left:0;right:0;top:0;bottom:0;display:none;}

/**
 * 页面布局发生改变
 */

/* 侧边收缩模式 */
.larryms-site-shrink .layui-layout-admin .larryms-logo{width:60px;height:50px;background-image:url('../images/logo_mini.png');background-repeat:no-repeat;background-size:40px;background-position:10px; /*background-size: 20px;)*/}
.larryms-site-shrink .layui-layout-admin .larryms-logo span{display:none;}
.larryms-site-shrink .layui-side{left:0;width:60px;}
.larryms-site-shrink .layui-layout-admin .layui-layout-left,
.larryms-site-shrink .larryms-pagetabs,
.larryms-site-shrink .layui-layout-admin .larryms-body,
.larryms-site-shrink .layui-layout-admin .larryms-footer{left:60px;}
.larryms-site-shrink .layui-side-menu .layui-nav{position:static;width:60px;}
.larryms-site-shrink .layui-side-menu .layui-nav-item{position:static;}
.larryms-site-shrink .layui-side-menu .layui-nav-item > a{padding-right:0;}
.larryms-site-shrink .layui-side-menu .layui-nav-item cite,
.larryms-site-shrink .layui-side-menu .layui-nav > .layui-nav-item > a .layui-nav-more,
.larryms-site-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child{display:none;padding:8px 0;width:200px;}
.larryms-site-shrink .layui-side-menu .layui-nav > .layui-nav-itemed > a{background:rgba(0,0,0,.3);}

/*测评收缩模式下 无限级菜单展现*/
.larryms-site-shrink .larryms-side-menu .layui-menu-body-title span.title{display:none;}
.larryms-site-shrink .larryms-side-menu .layui-menu > li > ul > li > .layui-menu-body-title,
.larryms-site-shrink .larryms-side-menu .layui-menu li > ul > li > ul > li > .layui-menu-body-title,
.larryms-site-shrink .larryms-side-menu .layui-menu li > ul > li > ul > li > ul > li > .layui-menu-body-title,
.larryms-site-shrink .larryms-side-menu .layui-menu li > ul > li > ul > li > ul > li > ul > li > .layui-menu-body-title,
.larryms-site-shrink .larryms-side-menu .layui-menu li > ul > li > ul > li > ul > li > ul > li > ul > li > .layui-menu-body-title,
.larryms-site-shrink .larryms-side-menu .layui-menu li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .layui-menu-body-title,
.larryms-site-shrink .larryms-side-menu .layui-menu li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .layui-menu-body-title,
.larryms-site-shrink .larryms-side-menu .layui-menu li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li .layui-menu-body-title{padding-left:15px;}
.larryms-site-shrink .larryms-side-menu{width:60px;overflow:visible;}
.larryms-site-shrink .layui-side-scroll{width:60px;overflow:visible;}
.larryms-site-shrink .layui-side-menu .layui-side-scroll > .layui-panel{width:60px;overflow:visible;}
.larryms-site-shrink .layui-side-menu .layui-side-scroll > .layui-panel > .layui-menu{width:60px;overflow:visible;}
.larryms-site-shrink .larryms-side-menu .layui-menu-body-title > i.layui-icon{right:8px;}
.larryms-site-shrink .larryms-side-menu .layui-menu-item-parent .layui-panel{width:200px;}
.larryms-site-shrink .larryms-side-menu .layui-menu > li > .layui-menu-body-title{padding:0px 10px;}
.larryms-site-shrink .larryms-side-menu .layui-menu > li > .layui-menu-body-title i.larry-icon{font-size:16px;}
.larryms-site-shrink .larryms-side-menu .layui-menu .layui-menu-item-parent .layui-menu-body-panel li .layui-menu-body-title{min-height:40px;line-height:40px;position:relative;vertical-align:top;}
.larryms-site-shrink .larryms-side-menu .layui-menu .layui-menu-item-parent .layui-menu-body-panel li .layui-menu-body-title span.title{display:inline-block;}
.larryms-site-shrink .larryms-side-menu .layui-menu .layui-badge-dot{display:none;}

/* 统一动画 */
.larryms-app .layui-header .layui-nav .layui-nav-item,
.larryms-app .layui-layout-left,
.larryms-pagetabs,
.larryms-app .layui-body,
.larryms-app .layui-footer,
.larryms-app .layui-side,
.larryms-app .larryms-logo,
.larryms-app .layui-header .layui-layout-right{transition:all .3s;-webkit-transition:all .3s;}

/* 侧边菜单 - 平板移动设备 */
@media screen and (max-width:992px){
    .larryms-app .layui-side{transform:translate3d(-220px,0,0);-webkit-transform:translate3d(-220px,0,0);width:220px;}
    .larryms-app .layui-layout-left,
    .larryms-app .larryms-pagetabs,
    .larryms-app .larryms-body,
    .larryms-app .larryms-footer{left:0;}
}

/* 移动端展开模式 */
.larryms-side-spread-sm .layui-layout-admin .layui-layout-left,
.larryms-side-spread-sm .larryms-pagetabs,
.larryms-side-spread-sm .layui-layout-admin .larryms-body,
.larryms-side-spread-sm .layui-layout-admin .larryms-footer{left:0;transform:translate3d(220px,0,0);-webkit-transform:translate3d(220px,0,0);}
.larryms-side-spread-sm .layui-layout-admin .layui-layout-right{transform:translate3d(220px,0,0);-webkit-transform:translate3d(220px,0,0);}
.larryms-side-spread-sm .layui-side{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
.larryms-side-spread-sm .larryms-body-shade{display:block;}

/*.larryms-site-shrink .layui-menu .layui-menu-item-group>.layui-menu-body-title,*/

/*.larryms-site-shrink .layui-menu .layui-menu-item-parent>.layui-menu-body-title*/

/*{min-height:50px;line-height:50px;}*/
.larryms-side-menu .layui-menu .layui-menu-item-group > .layui-menu-body-title{height:50px!important;line-height:50px!important;}
.larryms-site-shrink .larryms-side-menu layui-menu .layui-menu-item-parent > .layui-menu-body-title{height:50px!important;line-height:50px!important;}

/**
主题配置
 */
.larryms-theme-default .layui-layout-admin .layui-header{background:rgba(255,255,255,0.9);color:#666;}
.larryms-theme-default .layui-layout-admin .layui-header .layui-nav-child{min-width:90px;border:none;box-shadow:2px 2px 4px #344058;background:#001529;}
.layui-layout-admin .layui-header .layui-nav-child dd{line-height:40px;}
.larryms-theme-default .layui-layout-admin .layui-header .layui-nav-child dd:hover a{background:#0085E8;}
.larryms-theme-default .layui-layout-admin .layui-header .layui-nav-child dd.layui-this a{background:#0085E8;}
.larryms-theme-default .layui-layout-admin .layui-header .layui-nav-child dd a{color:rgba(255,255,255,1);}
.larryms-theme-default .layui-layout-admin .layui-side{background:#0b1c2c;}
.larryms-theme-default .layui-layout-admin .layui-side-menu{background:#001529;}
.larryms-theme-default .larryms-side-menu .layui-menu .layui-menu-item-parent .layui-panel{background:#001529;box-shadow:1px 1px 4px rgba(47,64,86,0.8);border-color:#3c4c55;}
.larryms-theme-default .larryms-logo{height:51px;background:#001529;border-bottom:2px solid #03001f;box-shadow:1px 3px 8px #000000!important;}
.larryms-theme-default .larryms-side-menu .layui-menu .layui-menu-item-checked,
.larryms-theme-default .larryms-side-menu .layui-menu .layui-menu-item-checked2{background:#1E9FFF!important;color:rgba(255,255,255,0.88)!important;}
.larryms-theme-default .larryms-side-menu .layui-menu li:hover{background:#0085E8;cursor:pointer;color:rgba(255,255,255,1);}
.larryms-theme-default .larryms-side-menu .layui-menu li .layui-menu-body-title:hover{color:rgba(255,255,255,1);}
.larryms-theme-default .larryms-side-menu .layui-menu li:hover i.layui-icon{color:rgba(255,255,255,1);}
.larryms-theme-default .larryms-side-menu .layui-menu li.layui-menu-item-group:hover{background:none;cursor:pointer;}
.larryms-theme-default .larryms-side-menu .layui-menu .layui-menu-item-group:hover i.layui-icon.layui-icon-up{color:rgba(255,255,255,1);}
.larryms-theme-default .larryms-side-menu .layui-menu > li > ul .layui-menu-body-title:hover:before{box-sizing:border-box;border-left:3px solid #5FB878;content:'';position:absolute;top:0px;left:0px;bottom:0px;}
.larryms-theme-default .larryms-side-menu .layui-menu .layui-menu-item-group > .layui-menu-body-title:hover:before{border-left:none;content:'';}
.larryms-theme-default .larryms-app .larryms-flexible{color:#333;}
.larryms-theme-default .layui-layout-admin .layui-header{box-shadow:none;border-bottom:1px solid #f1f1f1;}
.larryms-theme-default .layui-layout-admin .layui-header .layui-nav .layui-nav-item a{color:#333;}
.larryms-theme-default .larryms-breadcrumb span.layui-breadcrumb .crumb-tips{color:#555!important;}
.larryms-theme-default .larryms-breadcrumb span.layui-breadcrumb a{color:#555!important;}
.larryms-theme-default .larryms-breadcrumb span.layui-breadcrumb span[lay-separator]{color:#666;}
.larryms-theme-default .layui-layout-right .layui-nav-item .layui-input-search{border:1px solid #EEEEEE;}
.layui-textarea{min-height:90px;}
.larryms-theme-default .layui-layout-admin .layui-header .layui-nav .layui-nav-item dd a{color: #fff;}

/*.larryms-theme-default .layui-layout-admin .layui-header{background:#1E9FFF;}*/

/*.larryms-theme-default .layui-layout-admin .layui-header .layui-nav-child{min-width:90px;border:none;box-shadow:2px 2px 4px #344058;background:#001529;}*/

/*.layui-layout-admin .layui-header .layui-nav-child dd{line-height:40px;}*/

/*.larryms-theme-default .layui-layout-admin .layui-header .layui-nav-child dd:hover a{background:#0085E8;}*/

/*.larryms-theme-default .layui-layout-admin .layui-header .layui-nav-child dd.layui-this a{background:#0085E8;}*/

/*.larryms-theme-default .layui-layout-admin .layui-header .layui-nav-child dd a{color:rgba(255,255,255,1);}*/

/*.larryms-theme-default .layui-layout-admin .layui-side{background:#0b1c2c;}*/

/*.larryms-theme-default .layui-layout-admin .layui-side-menu{background:#001529;}*/

/*.larryms-theme-default .layui-menu .layui-menu-item-parent .layui-panel{background:#001529;box-shadow:1px 1px 4px rgba(47,64,86,0.8);border-color:#3c4c55;}*/

/*.larryms-theme-default .larryms-logo{height:51px;background:#001529;border-bottom:2px solid #03001f;box-shadow:1px 3px 8px #000000!important;}*/

/*.larryms-theme-default .layui-menu .layui-menu-item-checked,*/

/*.larryms-theme-default .layui-menu .layui-menu-item-checked2{background:#1E9FFF!important;color:rgba(255,255,255,0.88)!important;}*/

/*.larryms-theme-default .layui-menu li:hover{background:#0085E8;cursor:pointer;color:rgba(255,255,255,1);}*/

/*.larryms-theme-default .layui-menu li .layui-menu-body-title:hover{color:rgba(255,255,255,1);}*/

/*.larryms-theme-default .layui-menu li:hover i.layui-icon{color:rgba(255,255,255,1);}*/

/*.larryms-theme-default .layui-menu li.layui-menu-item-group:hover{background:none;cursor:pointer;}*/

/*.larryms-theme-default .layui-menu .layui-menu-item-group:hover i.layui-icon.layui-icon-up{color:rgba(255,255,255,1);}*/

/*.larryms-theme-default .layui-menu > li > ul .layui-menu-body-title:hover:before{box-sizing:border-box;border-left:3px solid #5FB878;content:'';position:absolute;top:0px;left:0px;bottom:0px;}*/

.larryms-theme-default .layui-menu .layui-menu-item-group.layui-menu-item-down > .layui-menu-body-title{background: rgba(36,60,80,0.6);}
.layui-menu-item-group .layui-menu-item-group>div.layui-menu-body-title{
    box-shadow: 2px 1px 20px rgba(0,0,0,0.88);
}
/*选项卡页签*/
.larryms-theme-default .larryms-pagetabs .layui-tab-title li.layui-this{background:#1E9FFF!important;color:rgba(255,255,255,1);border-bottom:1px solid #e5e5e5!important;height:40px;}
.larryms-theme-default .larryms-pagetabs .layui-tab-title li.layui-this:before{display:none;}
.larryms-theme-default .larryms-pagetabs .layui-tab-title li .layui-tab-close{margin:-9px 0 0 0;font-size:16px;}
.larryms-theme-default .larryms-pagetabs .layui-tab-title li:hover{background:#f6f6f6;color:rgba(0,0,0,1);}
.larryms-theme-default .larryms-pagetabs .layui-tab-title li:hover .layui-tab-close{color:rgba(0,0,0,1);}
.larryms-theme-default .larryms-pagetabs .layui-tab-title li.layui-this:hover{background:#0085E8!important;color:rgba(255,255,255,1)}
.larryms-theme-default .larryms-pagetabs .layui-tab-title li.layui-this .layui-tab-close{color:rgba(255,255,255,1);}
.larryms-theme-default .larryms-pagetabs .layui-tab-title li.layui-this:hover .layui-tab-close{color:rgba(255,255,255,1);}
.larryms-theme-default .larryms-pagetabs  li:after{background-color:#1E9FFF!important;}
.larryms-theme-default .larryms-pagetabs  li:hover:after{width:100%;}

.larryms-doc-leftnav .layui-menu-item-group .layui-menu-item-group>div.layui-menu-body-title{
    box-shadow: none;
}
/**
蓝色主题
 */

/*
* END
*/

/*子页面内容*/
.larryms-larryeditor-page{background:#1E9FFF!important;padding:4vh 5vh 5vw;}
.larryms-larryeditor-page .larryms-editorpage-content{max-width:1400px;}
.larryms-larryeditor-page .larryms-editorpage-content .larryms-editorpage-header{padding-bottom:15px;}
.larryms-larryeditor-page .larryms-editorpage-content .larryms-editorpage-header .larryms-larryeditor-h1{display:block;width:100%;text-align:center;vertical-align:top;padding-bottom:20px;color:rgba(255,255,255,1);}
.larryms-larryeditor-page .larryms-editorpage-content .larryms-editorpage-header .hr{display:block;height:1px;border-radius:50%;box-sizing:border-box;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(255,255,255,0.4) 20%,rgba(255,255,255,0.4) 30%,rgba(255,255,255,0.5) 40%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0.4) 70%,rgba(255,255,255,0.3) 80%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%);box-shadow:2px 3px 8px 4px rgba(255,255,255,0.2);}
.larryms-larryeditor-page .larryms-editorpage-content .larryms-editorpage-header .larryms-larryeditor-h1 i.larry-icon{font-size:56px;line-height:80px;}
.larryms-larryeditor-page .larryms-editorpage-content .larryms-editorpage-header .larryms-larryeditor-h1 strong{height:80px;line-height:80px;font-size:66px;}
.larryms-larryeditor-page .larryms-editorpage-content .larryms-editorpage-header .larryms-editor-tips{padding-top:15px;line-height:38px;font-size:18px;text-align:center;color:rgba(255,255,255,1);}
.larryms-larryeditor-page .larryms-editorpage-body{display:block;height:66vh;min-height:450px;max-height:66vh;background:rgba(255,255,255,1);border:1px solid rgba(0,0,0,0.1);box-shadow:6px 8px 10px rgba(0,0,0,0.2);border-radius:5px;}
.larryms-larryeditor-page .larryms-editorpage-bottom{padding-top:25px;line-height:28px;font-size:14px;}
.larryms-larryeditor-page .larryms-editorpage-bottom p{text-indent:2em;color:rgba(255,255,255,0.96);}
.larryms-larryeditor-page .larryms-editorpage-bottom p span{display:block;text-align:left;text-indent:2em;font-size:14px;color:rgba(255,255,255,0.92);}
.larryms-editor-demo{height:660px;min-height:500px;border:1px solid #e8e8e8;margin-bottom:15px;}

/*libtpl 组件功能库demo.css*/

/*1、字体图标库*/
.larryms-fonts{background:#F2F2F2;overflow-x:hidden;}
.larryms-fonts.show{display:block!important;}
.larryms-fonts .layui-fluid{padding:0px;}
.larryms-fonts .layui-fluid .larryms-top-info{    /*background:#00BCD4;*/
background:#28C0DE;background: #526069;padding:25px 20px 45px 20px;}
.larryms-fonts .layui-fluid .larryms-top-info h1{white-space:nowrap;font-size:32px;display:block;width:100%;height:50px;text-align:center;line-height:60px;color:#fff;font-weight:500;margin-bottom:35px;}
.h1-em{color:#ddff22;padding:0px 5px;}
.larryms-top-info .larryms-fonts-search{display:block;max-width:415px;margin:0 auto;text-align:center;margin-bottom:15px;}
.larryms-fonts-search .layui-input{max-width:320px;float:left;border-radius:3px;}
.larryms-fonts-search .searchs{padding-left:25px;padding-right:25px;float:right;}
.larryms-fonts-h2{display:block;padding-left:35px;box-sizing:border-box;padding-bottom:10px;margin-bottom:10px;padding-right:20px;color:#333;}
.larryms-fonts-h2 span{display:block;width:100%;border-bottom:1px solid #d8d8d8;padding-bottom:5px;}
.layui-fa-icons-box li{width:90px;}
.layui-fa-icons-box li i{font-size:24px;}
.layui-fa-icons-box li i.fa+.code-name{display:block;}
.larryms-bg-rgreen{background:#5FB878;}
.larryms-top-info>p{display:block;max-width:72%;height:auto;margin:0 auto;font-size:14px;color:#fff;line-height:26px;text-align:center;}
.larryms-main{padding-top:15px!important;}
.larryms-main.markdown{color:#888;font-size:14px;line-height:1.8}
.larryms-main .icon_lists{width:100%!important;}
.larryms-main .icon_lists li{    /*float:left;*/
display:inline-block;vertical-align:top;width:86px;height:86px;text-align:center;list-style:none!important;cursor:pointer;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.larryms-main .icon_lists li:hover{width:82px;height:82px;border:2px solid #009688!important;background:#252245;color:#ffffff;opacity:0.8;border-radius:5px}
.larryms-main .icon_lists li .code{font-size:16px}
.larryms-main .icon_lists li:hover .code{color:#FF5722}
.larryms-main .icon_lists li:hover i{color:#6FC13A}
.larryms-main .icon_lists .icon{font-size:24px;line-height:50px;margin:10px 0;color:#333;-webkit-transition:font-size 0.25s ease-out 0s;-moz-transition:font-size 0.25s ease-out 0s;transition:font-size 0.25s ease-out 0s}
.larryms-main .icon_lists li:hover .larry-icon{color:#fff;}
.larryms-main .icon_lists li .icon.larry-icon{color:#888;}
.larryms-main .icon_lists li .icon:hover{font-size:50px;color:#5FB878;}
.larryms-main .icon_lists .name{text-align:center;white-space:nowrap;text-overflow:ellipsis;}
.larryms-main .icon_lists .fontclass{text-align:center;white-space:nowrap;text-overflow:ellipsis;display:none;}
.larryms-main .icon_lists .code-name{display:none;}
.larryms-main.markdown > ul{width:80%}
.larryms-main.markdown ul > li{list-style:circle}
.larryms-main.markdown > ul li,
.larryms-main.markdown blockquote ul > li{margin-left:15px;padding-left:4px}
.larryms-main.markdown > ul li p,
.larryms-main.markdown > ol li p{margin:0.6em 0}
.larryms-main.markdown ol > li{list-style:decimal}
.larryms-main.markdown > ol li,
.larryms-main.markdown blockquote ol > li{margin-left:15px;padding-left:4px}
.fa-lists h2.page-header{display:block;width:100%;height:50px;float:left;box-sizing:border-box;padding:0px 30px;line-height:50px;color:#666;}
.fa-lists h2.page-header1{font-size:16px;height:auto;line-height:30px;color:#009688;margin-bottom:15px;}
.fa-lists li{width:66px;height:66px;}
.fa-lists li:hover{width:62px;height:62px;}
.fa-lists li i.fa{font-size:24px;line-height:66px;}

/*图标库结束*/

/*消息推送*/
.notice .demo{padding-top:20px;text-align:left;}
.notice .demo h2{display:block;width:100%;height:30px;line-height:30px;color:#333;font-size:14px;border-bottom:1px solid #e5e5e5;padding-bottom:5px;margin-bottom:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.notice .demo h2 em{color:#888;font-size:14px;}
.notice .demo .layui-btn{margin-bottom:15px;display:inline-block;vertical-align:middle;text-align:left;margin-left:0px;margin-right:10px;}
.notice .demo .layui-btn i{display:inline-block;vertical-align:middle;padding-right:5px;}
.notice .func-introduce p{font-size:13px;line-height:28px;color:#666;padding:0px 8px;}
.notice .layui-card-header{color:#000;font-size:15px;}

/*LarryMS商业授权说明 page*/

/* 待办事项 */
.larryms-body-grant .larryms-user-info .larryms-backlog-body{cursor:pointer;display:block;padding:10px 15px;background:#f1f1f1;color:#999;border-radius:2px;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box}
.larryms-backlog-body h3{padding-bottom:10px;font-size:12px;}
.larryms-backlog-body p cite{font-style:normal;font-size:30px;font-weight:300;color:#009688;}
.larryms-body-grant .larryms-user-info .larryms-backlog-body:hover{background:#e8e8e8;color:#888;box-shadow:1px 2px 3px #efefef;}
.larryms-backlog-body .color-a{color:#009688;}
.larryms-backlog-body .color-b{color:#1E9FFF;}
.larryms-backlog-body .color-c{color:#5FB878;}
.larryms-backlog-body .color-d{color:#FF5722;}
.larryms-backlog-body .color-e{color:#C61584;}
.larryms-backlog-body .color-f{color:#FFB800;}
.larryms-body-grant .layui-elem-quote{padding:8px 12px;}
.larryms-body-grant .layui-elem-quote p{line-height:26px;font-size:13px;color:#666;}
.larryms-grant-flowpath .buy-content{background:#e9f2f7;margin-bottom:5px}
.larryms-grant-flowpath .buy-content .buy-step{padding-top:10px;padding-bottom:10px;height:60px;padding-left:15px}
.larryms-grant-flowpath .buy-content .buy-step .em{display:inline-block;vertical-align:middle;width:25px;height:25px;text-align:center;line-height:25px;font-size:16px;float:left;border-radius:50%;background:#bcd5dd;color:#FFF;margin-top:8px}
.larryms-grant-flowpath .buy-content .buy-step .text{display:inline-block;vertical-align:middle;height:45px;float:left;margin-left:12px}
.larryms-grant-flowpath .buy-content .buy-step .text cite{display:block;width:100%;font-size:16px;color:#333;line-height:20px}
.larryms-grant-flowpath .buy-content .buy-step .text .explain{display:block;width:100%;font-size:12px;color:#6f777c;line-height:20px}
.larryms-grant-flowpath .buy-content .larryms-bg-green{background:-webkit-linear-gradient(top,#73D08D,#5FB878);}
.larryms-grant-flowpath .buy-content .larryms-bg-green .em{background:#fff;color:#46BE8A}
.larryms-grant-flowpath .buy-content .larryms-bg-green .text cite,
.larryms-grant-flowpath .buy-content .larryms-bg-green .text .explain{color:#fff}
.larryms-grant-flowpath .buy-content .buy-step:hover{background:-webkit-linear-gradient(top,#1e9fff,#5fb8ac);cursor:pointer;}
.larryms-grant-flowpath .buy-content .buy-step:hover .em{background:#fff;color:#46BE8A}
.larryms-grant-flowpath .buy-content .buy-step:hover .text cite,
.larryms-grant-flowpath .buy-content .buy-step:hover .text .explain{color:#fff}
.larryms-products{text-align:center;overflow:hidden;margin-bottom:10px;}
.larryms-products .layui-card{border-radius:4px;}
.larryms-products .layui-card-body{padding:15px;box-sizing:border-box;padding-top:20px;height:230px;overflow:hidden;border:1px solid #fff;border-radius:8px;}
.larryms-products i.larry-icon{font-size:45px;line-height:45px;font-weight:400;font-style:normal;display:inline-block;vertical-align:top;speak:none;padding-top:10px;margin-bottom:5px}
.layui-card .ui-a i::before{color:#ff5722}
.layui-card .ui-b i::before{color:#1E9FFF}
.layui-card .ui-c i::before{color:#21D3D1}
.layui-card .ui-d i::before{color:#46BE8A}
.layui-card .ui-e i::before{color:#FFC630}
.layui-card .ui-f i::before{color:#009688}
.larryms-products .layui-card-body p{display:block;font-family:"Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;font-size:14px;color:#76838f;line-height:25px}
.larryms-products .layui-card-body{transition:all 0.3s linear;cursor:pointer;}
.larryms-products .layui-card-body:hover{box-shadow:8px 15px 16px rgba(0,0,0,.15);}
.larryms-console-introduce{width:98%;padding-bottom:0px;margin-bottom:0px;height:auto;position:relative}
.larryms-console-introduce span.logo{display:inline-block;vertical-align:top;width:80px;height:60px;border-radius:10px;color:#fff;line-height:60px;text-align:center;font-size:16px;margin-top:8px}
.larryms-console-introduce span.logo.larryms-bg-green{background:-webkit-linear-gradient(top,#73D08D,#5FB878);}
.larryms-console-introduce .larryms-text{display:inline-block;vertical-align:top;width:calc(100% - 120px);height:auto;line-height:25px;margin-bottom:8px;padding-left:20px;color:#333;padding-bottom:25px;}
.larryms-console-introduce .larryms-text cite{display:inline-block;vertical-align:top;width:calc(100% - 65px);font-size:16px}
.larryms-console-introduce .larryms-update{display:block;width:400px;position:absolute;top:42px;left:95px}
.larryms-console-introduce .larryms-update span{margin-right:25px}
.larryms-intoduce-ul li{font-size:14px;color:#76838f;line-height:30px;padding:5px 0px;font-family:"Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
section.top1 .larryms-panel-body{min-height:312px}
section.top1 .larryms-text{max-height:312px;overflow:hidden;text-overflow:ellipsis}
section.top1 .larryms-text h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
h3.larryms-intoduce{display:inline-block;vertical-align:top;width:calc(100% - 85px);font-size:18px;color:#37474f}
.larryms-intoduce-ul{padding-top:10px;padding-bottom:15px}
.larryms-intoduce-ul li{font-size:14px;color:#76838f;line-height:24px;padding:5px 0px;font-family:"Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.larryms-forums{padding-top:5px;}
.larryms-console-introduce .larryms-forums{position:absolute;bottom:-5px;left:0px;background:#fff;box-sizing:border-box;padding-left:100px;}
@media screen and  (min-width:1000px) and (max-width:1280px){
    section.top1 .larryms-text h3{font-size:15px}
    section.top1 .larryms-text{padding-top:5px;padding-bottom:5px}
    section.top1 .larryms-text li{font-size:13px;line-height:26px;padding:0px}
}
.copy-right{line-height:26px;color:#666;}
.copy-right a{color:#666;}
@media screen and (max-width:768px){
    .larryms-fonts .layui-fluid .larryms-top-info h1{font-size:16px;}
}

/*layui辅助元素*/
.larryms-card-auxbox{padding:20px 15px;text-align:left;height:95px;}
.larryms-card-auxbox .layui-progress{margin-bottom:20px;}
.larryms-card-auxbox .layui-progress-big{margin-bottom:16px;}
.larryms-card-auxbox .larryms-progress-text{margin-bottom:16px;}
.layui-card-header strong{color:#000;font-weight:normal;}
.larryms-card-auxbox .demo-slider{margin-bottom:32px;}
.larryms-card-auxbox .layui-slider-vertical{height:90px;height:90px!important;}
.larryms-badge-box{font-size:13px;margin-bottom:13px;}
.larryms-badge-box cite{font-size:15px;}
.auxbox1{height:180px;padding-top:15px;}
.auxbox1 .layui-timeline-item{padding-bottom:13px;}
.auxbox1 .layui-timeline-title{margin-bottom:0px;}
.auxbox1 hr{margin:13px 0px;}
.auxbox1 .layui-rate{padding-top:3px;padding-bottom:4px;}
.larryms-aux-tab-title{margin:0px 0 15px;}
.larryms-aux-tab-title fieldset{border:none;padding:0;border-top:1px solid #eee;}
.larryms-aux-tab-title fieldset legend{margin-left:20px;padding:0 10px;font-size:22px;font-weight:300;}
.auxbox5{height:320px;}
.larryms-element-box .layui-colla-content{background:rgba(255,255,255,1);}

/*栅格布局*/
.colorf{color:#787878;}
.larryms-gird-box{background:#ECF0F5;}
.larryms-gird-box .layui-field-title{margin-top:15px;}
.larryms-gird-box .layui-elem-field legend{font-size:18px;}
.larryms-gird-box .layui-elem-field{border-color:#d8d8d8;}
.grid-demo{padding:10px;line-height:50px;text-align:center;background:#18A2F3;color:#fff;}
.grid-demo-bg1{background:#3FB4E8;}
.larryms-bg-lg{background:#5FB878;}
.grid-demo-bg2{background:#49A761;}
.grid-demo-bg3{background:#38814A;}

/*下拉多选*/
.select-demo{min-height:38px;margin:5px;padding-right:20px;}

/*form表单应用*/
.larryms-form-item{    /*margin-bottom: 15px;*/}
.larryms-charts-box{height:330px;min-height:300px;}

/*产品*/
.product-logo{width:400px;height:160px;margin:0 auto;margin-top:20px;margin-bottom:30px;}
.product-logo img{display:block;width:100%;height:100%;}
.larryms-product h2{font-weight:700;}
.product-content{padding:10px 0px;}
.product-content p{color:#515A6E;line-height:28px;font-size:14px;margin-bottom:12px;}
.product-content h3{margin:1em 0;font-weight:700;}
.product-content ul{list-style-type:disc;margin-bottom:12px;padding-left:2em;}
.product-content ul li{list-style-type:disc;color:#515A6E;}
.product-content ul li a span.title{color:#27C7FB;padding:0 3px;cursor:pointer;}
.product-content ul li cite{color:#bbb;}
.larryms-product-price-detail{padding:20px 30px;}
.larryms-product-price-detail .h2-top{color:#333;line-height:42px;font-size:16px;margin-bottom:10px;}
.larryms-product-price-detail .layui-elem-quote{border-left:5px solid #0aaeb3;padding:10px 8px;line-height:26px;color:#666;}
.larryms-product-price-detail .layui-elem-quote cite{font-style:normal;color:#ff5722;}
.larryms-product-question{padding:30px;}
.larryms-product-question .h3-field-title{display:block;line-height:60px;text-align:center;color:#666;font-size:20px;}
.larryms-product-question  .qa-main{font-size:14px;line-height:26px;padding-left:15px;}
.larryms-product-question  .qa-main dt{padding-bottom:5px;color:#000;font-size:16px;}
.larryms-product-question  .qa-main dd{margin-bottom:15px;font-weight:300;color:#333;}
.larryms-product-question  .qa-main dd ul{padding-left:20px;}
.larryms-product-question  .qa-main dd ul li{list-style:none;}
.layui-mark{display:none;font-size:16px!important;color:#000!important;line-height:30px;}
.layui-text .layui-mark em{color:#ff5722!important;font-size:16px;font-weight:600;font-style:normal;}
.layui-text .layui-mark a{font-weight:600;font-size:14px;}
.larryms-grant-a{display:block;padding:8px 20px;text-align:center;margin:0 auto;font-size:18px;color:#fff;margin-top:10px;max-width:200px;box-sizing:border-box;background:#1E9FFF;border:1px solid #1E9FFF;margin-bottom:25px;}
.larryms-grant-a:hover{border:1px solid #fff;}
.larryms-anchor{padding:5px 0px;padding-left:5px;}
.larryms-anchor i{color:#1E9FFF;}
.larryms-anchor a{padding-left:8px;}
.larryms-anchor a:hover span.title{color:#1E9FFF;}
.kf{padding-top:5px;}
.kf img{padding:8px;display:block;box-sizing:border-box;width:100%;height:100%;}
.larryms-grant-price .layui-card-body{padding:20px;box-sizing:border-box;}
.larryms-grant-list{text-align:center;border:1px solid #f1f1f1;border-radius:6px;box-sizing:border-box;padding:15px 20px;min-height:225px;cursor:pointer;}
.larryms-grant-list:hover{box-shadow:1px 2px 3px #d8d8d8;}
.larryms-grant-list h3{padding-top:15px;margin-bottom:15px;color:#666;font-size:18px;}
.larryms-grant-list p.yj{margin-bottom:6px;text-decoration:line-through;font-size:16px;line-height:26px;color:#888;}
.larryms-grant-list p.hd{margin-bottom:12px;font-size:16px;line-height:30px;color:#666;}
.larryms-grant-list p.hd cite{font-style:normal;font-weight:bold;color:#ff5722;font-size:20px;}
.larryms-grant-list .list a{display:block;width:100%;border-radius:6px;}

/* 搜索结果页面 */
.larryms-serach-main .layui-card-header{height: auto; line-height: 24px; padding: 15px;}
.larryms-serach-list{margin-bottom: 10px; padding: 6px 0; border-bottom: 1px solid #f6f6f6;}
.larryms-serach-list h3{padding: 3px 0;}
.larryms-serach-list h3 .layui-badge{top: -2px;}
.larryms-serach-list p{color: #888;line-height: 26px;font-size: 14px;}
.larryms-serach-list li{margin-bottom: 10px; padding-bottom: 10px; clear: both;}
.layui-serachlist-cover{float: left; margin-right: 15px;}
.layui-serachlist-cover img{width: 90px; height: 90px;}

/*登录*/
.larryms-page-login{
    background-color: #f7f7f7;
    background-image: url("../svg/triangle.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    position: relative;
}
.larryms-page-reg{
    background-color: #fafafa;
    background-image: url("../svg/bg.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    position: relative;
}
.larryms-login-box{
    display: block;
    width: 330px;
    position: absolute !important;
    left: 50%;
    top: 50% !important;
    min-height: 300px;
    height: auto;
    transform: translate(-50%,-63%);
    border-radius: 8px;
    border: 1px solid #efefef;
    background: rgba(255,255,255,1);
    padding: 30px 50px;
    box-shadow: 1px 1px 8px #f7f7f7;
}
.larryms-login-box h1,
.larryms-reg-box h1{
    display: block;
    height: 60px;
    line-height: 60px;
    width: 100%;
    font-size: 26px;
    color: #5bacf1;
    margin-bottom: 25px;
    text-align: center;
}
.larryms-login-box h1 cite{
    font-style: normal;
    font-size: 32px;
}
.larryms-login-box ul.layui-tab-title li{
    box-sizing: border-box;
    display: inline-block;
    width: 49%;
    font-size: 14px;
    text-align: center;
}
.larryms-login-box ul.layui-tab-title li.layui-this{
    color: #5bacf1;
}
.larryms-login-box .layui-tab-brief > .layui-tab-title .layui-this:after{
    border-bottom: 2px solid #5bacf1;
}
.larryms-login-box .layui-tab-content{
    padding-top: 15px;
    padding-bottom: 0px;
    min-height: 135px;
}
.larryms-login-box .layui-tab-item{
    padding-top: 15px;
}
.larryms-login-box .layui-form-item,.larryms-sub-reg .layui-form-item{
    position: relative;
}
.larryms-login-box .layui-form-item .layui-input,
.larryms-sub-reg .layui-form-item .layui-input{
    text-indent: 25px;
}
.larryms-login-box .layui-form-item i.layui-icon,
.larryms-sub-reg .layui-form-item i.layui-icon{
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 30px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #889AA4;
}
.larryms-login-box .layui-form-item .larryms-showpwd,
.larryms-sub-reg .layui-form-item .larryms-showpwd{
    position: absolute;
    width: 30px;
    height: 38px;
    top: 0px;
    right: 0px;
    color: #888;
    line-height: 38px;
}
.larryms-login-box .layui-form-item .larryms-showpwd i,
.larryms-sub-reg .layui-form-item .larryms-showpwd i{
    font-size: 18px;
    line-height: 38px;
}
.larryms-code-item{
    padding-right: 0px;
}
.larryms-login-box .layui-form-item .larryms-code-input{
    width: 58%;
    height: 38px;
}
.larryms-login-box .layui-form-item .layui-inline.larryms-code-img{
    width: 40%;
    position: absolute;
    top: 0px;
    right: 0px;
    padding-right: 0px;
    margin-right: 0px;
}
.larryms-code-img .layui-btn-primary{
    display: inline-block;
    width: 100%;
    border-color: #F1F1F1;
}
.larryms-code-img img{
    width: 100%;
    height: 38px;
    cursor: pointer;;
}
.larryms-login-btn{
    display: block;
    margin-bottom: 15px;
}
.third{
    text-align: left;
    padding: 5px 0px;
    margin-bottom: 0px;
    line-height: 38px;
}
.third cite{
    color: #888;
    font-size: 14px;
    padding-right: 10px;
    line-height: 38px;
}
.third i{
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 24px;
    cursor: pointer;
    color: rgba(141,215,125,1);
    border-radius: 50%;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
}
.third i:hover{
    color: rgba(70,201,58,1);
}

.wechat-code-img{
    background: rgba(0,0,0,0.3);
    min-height: 255px;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 15px;
}
.wechat-code-img .box{
    background: rgba(255,255,255,0.98);
    width: 255px;
    height: 220px;
    margin: 0 auto;
}
.wechat-code-img .box span{
    color: #333;
    font-size: 14px;
    line-height: 38px;
    display: block;
    width: 100%;
    text-align: center;
}
.wechat-code-img .box img{
    display: block;
    width: 140px;
    height:140px;
    margin: 0 auto;
}
.larryms-red{
    color: #ff5722 !important;
}
.larryms-footer-nav{
    display: block;
    width: 100%;
    height: 130px;
    text-align: center;
    position: relative;
}
.larryms-bottom-nav{
    display: block;
    width: 100%;
    height: 130px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.larryms-bottom-nav {
    text-align: center;
}
.larryms-bottom-nav li,
.larryms-footer-nav li{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0px 15px;
}
.larryms-bottom-nav li a,
.larryms-footer-nav li a{
    color: #7094BE;
    font-size: 14px;
}
.larryms-bottom-nav .copyright{
    display: block;
    width: 100vw;
    color: #808695;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    position: absolute;
    bottom: 38px;
}
.larryms-footer-nav .copyright{
    display: block;
    width: 100%;
    color: #808695;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    position: absolute;
    bottom: 38px;
}
.larryms-footer-nav  .webinfo{
    position: absolute;
    bottom: 0px;
    line-height: 38px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #ababab;
}
.larryms-login-box .tips{
    font-size: 12px;
    color: #bbb;
    line-height: 26px;
    display: block;
    text-align: center;
    padding-top: 2px;
    user-select: none;
}
.larryms-login-box .tips span{
    color:#FF9900;
}
/*用户注册*/
.larryms-reg-box{
    display: block;
    width: 330px;
    position: absolute !important;
    left: 50%;
    top: 50% !important;
    min-height: 300px;
    height: auto;
    transform: translate(-50%,-65%);
    border-radius: 8px;

    padding: 30px 50px;
}
.larryms-reg-box .larryms-sub-reg{
    padding-top: 5px;
}
.larryms-reg-box h1{
    color: #555;
    font-size: 26px;
    line-height: 60px;
}
.larryms-qqlogin{
    display: inline-block;
    vertical-align: top;
    padding-top: 1px;
    width: 24px;
    height: 24px;
    background: url(../images/qq.png)center center no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.larryms-custom-card .layui-card-header{line-height:50px;}
.larryms-custom-card .layui-card-header span.icon{display:inline-block;vertical-align:top;width:32px;height:32px;border-radius:50%;background:#E6F7FF;color:#18ACFF;font-size:15px;line-height:32px;text-align:center;margin-right:5px;margin-top:10px;}
.larryms-custom-card .layui-card-header span.title{display:inline-block;vertical-align:top;color:#515A6E;font-size:14px;line-height:50px;}
.larryms-custom-card .layui-card-header span.icon.bg-a{
    background: #FFFBE6;
    color: #FFC53D;
}
.larryms-custom-card .layui-card-header span.icon.bg-b{
    background: #FDF0FF;
    color: #BE6BE0;
}
.larryms-custom-card .layui-card-header span.icon.bg-c{
    background: #E6EDF5;
    color: #BABDC3;
}
.larryms-custom-card .layui-card-header span.icon.bg-d{
    background: #F0F5FF;
    color: #597EF7;
}
.larryms-custom-card .layui-card-header span.icon.bg-e{
    background: #FFF0F6;
    color: #EB2F96;
}
.larryms-custom-card .layui-card-body{
    padding: 15px;
}
/*auth 权限管理系统*/
.larryms-auth-box{
    background: #F5F7F9;
}
.larryms-menu-title{
    padding: 15px;
}
.larryms-menu-title h2{
    color: #17233d;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 8px;
}
.larryms-menu-title h2 cite{
    color: #bbb;
}
.larryms-menu-title p{
    font-size: 14px;
    color: rgba(82,96,105,0.85);
    line-height: 26px;
}
.border-info{
    border-color: #1E9FFF;
    color: #1E9FFF;
    border-radius: 6px;
}
.larryms-page-tips{
    border: 1px solid #abdcff;
    background-color: #f0faff;
    padding: 8px 48px 8px 16px;
    border-radius: 4px;
    color: #515a6e;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
}
.larryms-menu-treelist{
    min-height: 720px;
}
.larryms-menu-editor{
    min-height: 535px;
}
.larryms-menu-listbox{
    display: block;
    position: relative;
}
.min-300{
    min-width: 300px;
}
.larryms-menu-left{
    width: 320px;
    height: auto;
    min-height: 600px;
}
.larryms-menu-listbox .larryms-menu-right{
    width: calc(100% - 325px);
    position: absolute;
    /*top: 7.5px;*/
    left: 325px;
    right: 0px;
    min-height: 300px;
}
.larryms-menu-tablelist{
    min-height: 300px;
    max-height: calc(100vh - 137px);
}
.larryms-tree-serach{
    position: relative;
}
.larryms-tree-serach i{
    width: 30px;
    height: 38px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
    font-size: 20px;
}
.larryms-tree-serach .layui-input{
    border-radius: 6px;
}
.larryms-tree-serach .layui-input:hover{
    border:1px solid #1E9FFF !important;
}
.larryms-tree-serach .layui-input:focus{
    border:1px solid #1E9FFF !important;
}
.larryms-tree-serach .layui-input:focus+i{
    color: #1E9FFF;
}
.tree-box{
    margin-top: 12px;
    height: calc(100% - 285px);
    max-height: calc(100vh - 195px);
    overflow: auto;
    overflow-x: hidden;
    border: 1px solid #F1F1F1;
    padding: 8px 5px;
    min-height: calc(100vh - 180px);
    box-sizing: border-box;
}


/*功能组件*/
.larryms-ckplayer-box{
    background: #F2F2F2;
}
.larryms-ckplayer-box .video{
    width: 100%;
    min-width: 800px;
    min-height: calc(100% - 400px);
    height: 620px;
    box-sizing: border-box;
}
.larryms-ckplayer-box .btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.larryms-ckplayer-tools{
}
.larryms-ckplayer-box .btn-group{
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding-right: 30px;
    margin-bottom: 15px;
}
ul.layui-menu.layui-dropdown-menu{
   padding-left: 0px;
}
.larryms-pdf-box{
    background: #F2F2F2;
    min-height: 100vh;
    box-sizing: border-box;
    width: 100vw;
}
.larryms-pdf-box .pdf-box{
    height: 620px;
}
.larryms-mods-doc-tips{
    color: #888;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 5px;
}
/*音频播放器*/
.larryms-audio-page{
    background: #F2F2F2;
    min-height: 100vh;
    box-sizing: border-box;
    width: 100vw;
}
.larryms-audio-page .larryms-audio .layui-card-body{min-height:330px;padding:15px;}
.larryms-audio-box{width:100%;height:365px;overflow:hidden;padding:0;margin:0;outline:0;overflow:hidden;background:#bb71f3;background:-moz-linear-gradient(-45deg,#bb71f3 0%,#3d4d91 100%);background:-webkit-linear-gradient(-45deg,#bb71f3 0%,#3d4d91 100%);background:linear-gradient(135deg,#bb71f3 0%,#3d4d91 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb71f3',endColorstr='#3d4d91',GradientType=1);font-family:helvetica neue,futura,trebuchet ms,Arial;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;}
.larryms-audio-page .larryms-audio .library-code{padding-top:5px;}
.larryms-audio-page .larryms-audio .title{position:absolute;width:90%;top:3%;line-height:50px;height:34px;text-align:center;font-size:26px;opacity:.9;font-weight:300;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.33)}
.larryms-audio-page #timer{position:absolute;top:0;left:3%;text-align:left;font-size:26px;opacity:.9;font-weight:300;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.33)}
.larryms-audio-page #duration{position:absolute;top:0;right:3%;text-align:right;font-size:26px;opacity:.5;font-weight:300;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.33)}
.larryms-audio-page .larryms-audio .controlsOuter{position:absolute;width:100%;height:60px;bottom:5%}
.larryms-audio-page .larryms-audio .controlsInner{position:absolute;width:340px;height:60px;left:50%;margin:0 -170px}
.larryms-audio-page .larryms-audio .btn{position:absolute;cursor:pointer;opacity:.9;-webkit-filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.33));filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.33));-webkit-user-select:none;user-select:none}
.larryms-audio-page .larryms-audio .btn:hover{opacity:1}
.larryms-audio-page #playBtn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABGCAYAAACaGVmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QThERThENUFDNkJEMTFFNTk2RTBDMTRBMkYyNjVGMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QThERThENUJDNkJEMTFFNTk2RTBDMTRBMkYyNjVGMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOERFOEQ1OEM2QkQxMUU1OTZFMEMxNEEyRjI2NUYzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOERFOEQ1OUM2QkQxMUU1OTZFMEMxNEEyRjI2NUYzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnFM7yIAAAFWSURBVHja7NRJDoMwDEDRcPL2ZoVeLEUtCyoCZPBsf8mS10+Wp5zzK6X0XGdJ0bdpRcnbPgfOESUFzjmKe5wrFLc4NSjucFpQ3OD0oJjHGUExiwOBYg4HEsUMDgaKehxMFLU4FCjqcChR1OBwoIjH4UQRiyMBRRyOJBQxOBJR2HEko7DhaEAhx9GEQoajEQUdRzMKGo4FFHAcSyhgOBZRhnEso3TjeEBpxvGEUo3jEeUWxzPKKU6gFHACpYATKMfegbLDWOcRl/Jr2X7JHI+2gOEZ5RTDI8othieUagwPKM0YllG6MSyiDGNYQgHDsIACjqEZBQ1DIwo6hiYUMgwNKOQYklHYMCSisGNIQhGDIQFFHAYnilgMDhTxGJQoajAoUNRhYKKoxcBAUY8BiWIGAwLFHMYIilmMHhTzGC0objBqUNxhXKG4xSihuMfYo8yB8d9HgAEATyefBJWpw70AAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:70%;width:69px;height:60px;left:50%;margin:auto -34.5px}
.larryms-audio-page #pauseBtn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABGCAYAAACaGVmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MjkzRjNDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MjkzRjRDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOERFOEQ1Q0M2QkQxMUU1OTZFMEMxNEEyRjI2NUYzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTgyOTNGMkM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pne5d1AAAAB8SURBVHja7NCxCQAwAALBuP/QZoEUlinua0G4tD1j83Asv/4GChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFCpRXV4ABAOgpXYTDYwEwAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:70%;width:69px;height:60px;left:50%;margin:auto -34.5px;display:none}
.larryms-audio-page #prevBtn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MjkzRkJDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MjkzRkNDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgyOTNGOUM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTgyOTNGQUM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PndeAH8AAACtSURBVHja7NXJCcAgEAVQEevK0lk6M1aW6CGQQBBn+ephBv7F0wNn8Vd7OWCWnOjd2FpzYk7K2cJAxFEA78cwA6I3porohWlCoDEkBArDQmhjRAgtjApCilFFcDEQBAcTUYinKLcJCqFinGEMYxjDgDFpJkzZwDsSRf2mE4ni9gwEJW1gVZTWNKmgtEdbhELtGRYKvfRIqF4buAnV+xxUUaNu0y9q9KH8oG4BBgDjdpk0jMoz1gAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:70%;width:35px;height:35px;left:0;top:50%;margin:-17.5px auto}
.larryms-audio-page #nextBtn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MjkzRjdDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MjkzRjhDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgyOTNGNUM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTgyOTNGNkM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiFbkXsAAACvSURBVHja7NZBDoAgDARA9GPiz/yZ8DKsxgMHY1rYBQ5sshdCwiQcWpdSOqWb1BGrSn6RiTJjmKhiDANVjUGiYBgECo6pQdEwJSg6xoJqhtGgVFkeETZBekhjdqZ6g4H5QnXH5Cg/CkadiZmYiZkYdtYGb8QRMDdi144C1jfFd0AG69RG7jNB6nsvV3+IZhgNgo6xIGiYEgQcU4OAYRCIagwSUYxhIMwYJsKEuQQYABTs+qTMuF1rAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:70%;width:35px;height:35px;right:0;top:50%;margin:-17.5px auto}
.larryms-audio-page #playlistBtn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUVBQzMwNzRDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUVBQzMwNzVDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRUFDMzA3MkM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRUFDMzA3M0M3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnWBPa0AAADGSURBVHjaYvz//z/DYAFMDIMIjDpm1DHDwjH/0fDugXAMCxK7AojPAnEHmpo0IFaisTsqIEECLPT+Q4ALlL0bihmQ+LQGYLsYoSXwf2iovAdiYyjbdaCiaQ+S2FkopjtgHK2bCESTC5r4+4GIKuQEjAz2DGQCHhTlDAtaLtoDjSJkoATN7iMzmjrRxO+NljODsZzpwBJNs0bLGShwhToCvWHVQYes7YruGJiFgljKmpEbTa5YKsrRcmbUMaOOGXUMNQBAgAEAm2XFJrn+jrsAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:70%;width:35px;height:35px;top:50%;left:3%;margin:-17.5px auto}
.larryms-audio-page #volumeBtn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUVBQzMwNzBDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUVBQzMwNzFDNzI0MTFFNTk2RTBDMTRBMkYyNjVGMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRUFDMzA2RUM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRUFDMzA2RkM3MjQxMUU1OTZFMEMxNEEyRjI2NUYzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtAZ+FgAAAHRSURBVHja7FjRbYMwEIWqC7CCO4IzgjMCHYEV6AjuCHSEMAKMkIwAI5ARXFt9rox1phDA5KMnPSGwOZ4fx/mOVCmVPIu9JE9ke5GRGpejyeQanUapkXlj5lzEIMM1GqjRAyG1eNCLCeAVyDQq9WOdRoHrDeDP7YCM8reGiNQYQER6D6DIGHDc02xFJsfqjF00GDEnRCaBegp+RmMp8oyYERcmAAvMvWl8aLSBuQ2O58D4Ff7eqJiZa4MTF1OYUsZAwF9BKaOw0tsf6pjx+wwVXWU41Pwk1DF2opQRK7+skDIyECMlrv8GfoztwMaW9K7XTqKMujeZV8SQma31eO0iNpkW8L/a3t02Yu7aITL8CDL2S2VE/jqsnnHJ3I8urnpKldhkOEFmdB6TTO7kFveVRScjoExLqBWVTIbsax765RFh7n74GoFMiQefCLXcbWFEhs/MFfeFZGon9fsx1I78PVDPyA3qmXyqnhEzV1lgRT124/rBSq+Dj/Pa7sDUPVesrEGRvUSZMlQ/rSmgCqc7qBZ0B7aQ37RVsb2QJOIp1DcNUDXbg4wFw2qV06j5ZCqQYSE/yYZ1LxVPvjJ86v50p/8ztr96X3JT+v+zKGDfAgwAZkMcn0x+AsMAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:70%;width:35px;height:35px;top:50%;right:3%;margin:-17.5px auto}
.larryms-audio-page #waveform{width:100%;height:30%;position:absolute;left:0;top:50%;margin:-5% auto;display:none;cursor:pointer;opacity:.8;-webkit-user-select:none;user-select:none}
.larryms-audio-page #waveform:hover{opacity:1}
.larryms-audio-page #bar{position:absolute;top:50%;left:0;width:100%;height:2px;background-color:rgba(255,255,255,.9);box-shadow:1px 1px 2px rgba(0,0,0,.33);opacity:.9}
.larryms-audio-page #progress{position:absolute;top:0;left:0;width:0%;height:100%;background-color:rgba(0,0,0,.1);z-index:-1}
.larryms-audio-page #loading{position:absolute;left:50%;top:50%;margin:-35px;width:70px;height:70px;background-color:#fff;border-radius:100%;-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out;display:none}
@-webkit-keyframes sk-scaleout{
    0%{-webkit-transform:scale(0)}
    100%{-webkit-transform:scale(1);opacity:0}
}
@keyframes sk-scaleout{
    0%{-webkit-transform:scale(0);transform:scale(0)}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
.larryms-audio-page #playlist{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);display:none}
.larryms-audio-page #list{width:100%;height:100%;position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.larryms-audio-page .list-song{width:100%;height:60px;font-size:26px;line-height:60px;text-align:center;font-weight:500;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.33)}
.larryms-audio-page .list-song:hover{background-color:rgba(255,255,255,.1);cursor:pointer}
.larryms-audio-page #volume{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:none}
.larryms-audio-page .bar{position:absolute;top:50%;left:5%;margin:-5px auto;height:10px;background-color:rgba(255,255,255,.9);box-shadow:1px 1px 2px rgba(0,0,0,.33)}
.larryms-audio-page #barEmpty{width:90%;opacity:.5;box-shadow:none;cursor:pointer}
.larryms-audio-page #barFull{width:90%}
.larryms-audio-page #sliderBtn{width:50px;height:50px;position:absolute;top:50%;left:93.25%;margin:-25px auto;background-color:rgba(17,173,158,.8);box-shadow:1px 1px 5px rgba(0,0,0,.33);border-radius:25px;cursor:pointer}
.larryms-audio-page .fadeout{webkit-animation:fadeout .5s;-ms-animation:fadeout .5s;animation:fadeout .5s}
.larryms-audio-page .fadein{webkit-animation:fadein .5s;-ms-animation:fadein .5s;animation:fadein .5s}
@keyframes fadein{
    from{opacity:0}
    to{opacity:1}
}
@-webkit-keyframes fadein{
    from{opacity:0}
    to{opacity:1}
}
@-ms-keyframes fadein{
    from{opacity:0}
    to{opacity:1}
}
@keyframes fadeout{
    from{opacity:1}
    to{opacity:0}
}
@-webkit-keyframes fadeout{
    from{opacity:1}
    to{opacity:0}
}
@-ms-keyframes fadeout{
    from{opacity:1}
    to{opacity:0}
}

/*直播电台*/
.larryms-audio-page .larryms-audio-box3{width:100%;height:365px;padding:0;margin:0;overflow:hidden;background:#0b62b3;background:-moz-linear-gradient(-45deg,#0b62b3 0%,#7dff5f 100%);background:-webkit-linear-gradient(-45deg,#0b62b3 0%,#7dff5f 100%);background:linear-gradient(135deg,#0b62b3 0%,#7dff5f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b62b3',endColorstr='#7dff5f',GradientType=1);font-family:helvetica neue,futura,trebuchet ms,Arial;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.larryms-audio-page .larryms-audio-box3 .padding{width:100%;height:12.5%}
.larryms-audio-page .larryms-audio-box3 .station{position:relative;width:100%;height:50px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-webkit-box-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:5%;cursor:pointer;box-sizing:border-box}
.larryms-audio-page .larryms-audio-box3 .station:hover{background-color:rgba(255,255,255,.1)}
.larryms-audio-page .larryms-audio-box3 .title{font-size:26px;line-height:40px;font-weight:300;color:#fff;text-align:left;text-shadow:1px 1px 2px rgba(0,0,0,.33)}
.larryms-audio-page .larryms-audio-box3 .subtitle{display:inline-block;vertical-align:middle}
.larryms-audio-page .larryms-audio-box3 .live{width:80px;height:30px;background-color:#cc1919;border-radius:3px;font-weight:700;color:#fff;font-size:16px;line-height:30px;display:inline-block;text-align:center;opacity:0;margin-left:30px;text-shadow:none}
.larryms-audio-page .larryms-audio-box3 .playing{position:absolute;right:5%;top:60%;margin:-20px auto;width:50px;height:40px;text-align:center;font-size:10px;-webkit-transition:all .2s ease;transition:all .2s ease;display:none}
.larryms-audio-page .larryms-audio-box3 .playing>div{background-color:#fff;height:100%;width:6px;display:inline-block;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-animation:wavy 1s ease infinite forwards;animation:wavy 1s ease infinite forwards;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;box-shadow:1px 1px 2px rgba(0,0,0,.33)}
.larryms-audio-page .larryms-audio-box3 .playing .rect2{-webkit-animation-delay:.25s;animation-delay:.25s}
.larryms-audio-page .larryms-audio-box3 .playing .rect3{-webkit-animation-delay:.5s;animation-delay:.5s}
.larryms-audio-page .larryms-audio-box3 .playing .rect4{-webkit-animation-delay:.75s;animation-delay:.75s}
.larryms-audio-page .larryms-audio-box3 .playing .rect5{-webkit-animation-delay:1s;animation-delay:1s}
@-webkit-keyframes wavy{
    0%{-webkit-transform:scaleY(1);transform:scaleY(1)}
    50%{-webkit-transform:scaleY(.6);transform:scaleY(.6)}
    100%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}
@keyframes wavy{
    0%{-webkit-transform:scaleY(1);transform:scaleY(1)}
    50%{-webkit-transform:scaleY(.6);transform:scaleY(.6)}
    100%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}

/*h5 audio end*/

/*qrcode start*/
.larryms-qrcode-page,.larryms-geetest-page{
    background: #E3E3E3;
}
.larryms-qrcode{font-size:14px;}
.larryms-qrcode .layui-card-body{padding:20px 15px;min-height:360px;box-sizing:border-box;}
.qrcode-item .layui-form-label{width:100px;font-size:14px;}
.qrcode-item .layui-input,
.qrcode-item span{vertical-align:top;}
.qrcode-item .layui-inline{width:50%;height:36px;line-height:36px;}
.qrcode-item span{height:36px;line-height:36px;}
.larryms-qrcode-box{width:280px;height:272px;margin:0 auto;margin-top:5px;overflow:hidden;}
.larryms-qrcode-box img{
    width: 210px !important;
    height: 210px !important;
}
.larryms-qrcode .library-code{padding:5px 15px;}

/*qrcode end*/
.larryms-gif-demo{
    display: block;
    width: 400px;
    height: auto;
    margin: auto;
}
/*geetest-demo*/
.larryms-geetest-demo{
    height: 350px;
}


/*生产环境 微信绑定*/
.larryms-page-wechatbind{
    background: url("../svg/bg3.svg");
    overflow-y: auto;
}
.larryms-top-header{
    width: 100vw;
    height:65px;
    background: rgba(0,0,0,1);
    background: linear-gradient(90deg,#000,#232323);
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 2px 4px 8px #f2f2f2;
    color: #f6ca9d;
    position: relative;
}
.larryms-nav-logo{
    display: block;
    width: 180px;
    height: 65px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.larryms-nav-logo img{
    display: inline-block;
    width: auto;
    height: 60px;
    vertical-align: top;
    margin-top: 2px;
    -ms-interpolation-mode: bicubic;
}
.larryms-top-header .layui-container{
    white-space: nowrap;

}
@media screen and (min-width: 1200px){
    .larryms-top-header .layui-container {
        width: 90vw !important;
    }
}
.larryms-top-header .layui-container h2{
    display: block;
    vertical-align: top;
    width: 100%;
    font-size: 18px;
    overflow: hidden;
    line-height: 65px;
    text-overflow: ellipsis;
    text-align: left;
    box-sizing: border-box;
    padding-left: 160px;
}
.larryms-top-header .layui-container h2 span{
    padding-left: 15px;
    font-size: 16px;
    line-height: 65px;
    color: rgba(255,255,255,0.8);
}
.larryms-top-header .layui-container h2 span em{
    font-style: normal;
    padding: 0px 5px;
    color: rgba(255,255,255,0.8);
}
.larryms-wechatbind-box{
    margin: 0 auto;
    text-align: center;
    background: rgba(255,255,255,0.86);
    min-height: 66vh;
    border: none;
    box-shadow: 2px 3px 5px #666;
    border-radius: 12px;
    padding: 35px 60px;
    box-sizing: border-box;
    max-width: 1000px;
    min-width: 820px;
    position: relative;
}
.larryms-wechatbind-box .layui-tab{
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
.larryms-wechatbind-box .layui-tab ul.layui-tab-title{
    padding: 0px;
    height: 60px;
    display: block;
}
.larryms-wechatbind-box .layui-tab ul.layui-tab-title .layui-this:after{
    height: 61px;
    border-bottom: 2px solid #ff5722;
}
.larryms-wechatbind-box .layui-tab ul.layui-tab-title li{
    display: inline-block;
    text-align: center;
    width: 49%;
    height: 60px;
    line-height: 60px;
    padding: 0px;
    font-size: 18px;
    color: #989898;
}
.larryms-wechatbind-box .layui-tab ul.layui-tab-title li.layui-this{
    color: #ff5722;
}
.larryms-wechatbind-box .layui-tab-content{
    padding: 20px 0px;
    min-height: 40vh;
}
.larryms-wechatbind-box .layui-tab-content .layui-tab-item{
    padding: 0px;
    padding-top: 10px;
}
.larryms-wechatbind-box .layui-tab-content .layui-tab-item .bind-account{
    display: inline-block;
    max-width: 520px;
}
.larryms-wechatbind-box .layui-tab-content .layui-tab-item.bind{
    text-align: left;
}
.larryms-wechatbind-box .layui-tab-content .layui-tab-item.create{
    text-align: right;
}
.larryms-wechatbind-box .layui-tab-content .layui-tab-item .tips{
    display: block;
    background: #f1f1f1;
    color: #32C85C;
    font-size: 12px;
    line-height: 26px;
    padding: 12px 15px;
    border-radius: 5px;
}
.larryms-wechatbind-box .layui-tab-content .layui-tab-item .tips span{
    color: #ff5722;
    font-size: 16px;
    padding-right: 3px;
}
.block{
    display: block !important;
    height: 48px;
    line-height: 48px;
}

.larryms-wechatbind-box .layui-tab-content .layui-tab-item .layui-form-item{
    height: 60px;
    position: relative;
}
.larryms-wechatbind-box .layui-tab-content .layui-tab-item .layui-form-item .layui-input{
    height: 48px;
    line-height: 48px;
    text-indent: 42px;
}
.larryms-wechatbind-box .layui-tab-content .layui-tab-item .layui-form-item i.layui-icon{
    position: absolute;
    top:0px;
    left: 0px;
    display: block;
    width: 42px;
    height: 48px;
    line-height: 48px;
    text-align: center;
}
.avatar-anim{
    display: inline-block;
    width: calc(100% - 520px);
    float: right;
    max-width: 300px;
    padding-right: 30px;
    user-select: none;
}
.avatar-anim img{
    display: block;
    width: 100%;
    height: auto;
    user-select: none;
}
.user-tips{
    display: block;
    width: 100%;
    height: 30px;
    padding-top: 20px;
    line-height: 26px;
    text-align: center;
    color: #bbb;
    position: absolute;
    bottom: 0px;
}
.user-tips span{
    padding: 0px 3px;
    color: #FF8800;
}
.larryms-step-form{
    min-height: 360px;
}
.larryms-step-form .larryms-step-progress-bar{
    margin: 20px auto 0;
    height: 50px;
    position: relative;
    width: 560px;
    padding-left: 60px;
}
.larryms-step-content{
    width: 560px;
    margin: 0 auto;
    box-sizing: border-box;
    padding:20px 60px;
    padding-right: 120px;
    padding-top: 50px;
}

.progress-bar .pro-step {
    float: left;
    text-align: center;
    margin-right: 20px;
}
/* progress-bar.css Date:2018-04-24 21:00:12 */
.progress-bar .pro-line,.progress-bar .pro-step .step-index {
    background: url(../images/reg-icon.png) no-repeat
}

.progress-bar .pro-step .step-index {
    margin: 0 auto;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-position: -45px -200px;
    font-size: 12px;
    font-weight: 700;
    color: #ccc
}

.progress-bar .pro-step .step-desc {
    margin-top: 10px;
    font-size: 12px;
    color: #999
}

.progress-bar .pro-step2 {
    margin-left: 69px
}

.progress-bar .person-pro-step2 {
    margin-left: 116px
}

.progress-bar .pro-step3 {
    margin-left: 43px
}

.progress-bar .person-pro-step3 {
    margin-left: 125px
}

.progress-bar .pro-step4 {
    margin-left: 51px
}

.progress-bar .cur-step .step-index {
    background-position: 0 -200px;
    color: #fff
}

.progress-bar .cur-step .step-desc {
    color: #3b4
}

.progress-bar .done-step .step-index {
    background-position: 0 0;
    border: none
}

.progress-bar .done-step .step-desc {
    color: #3b4
}

.progress-bar .pro-line {
    position: absolute;
    top: 13px;
    width: 74px;
    height: 10px;
    background-position: 0 -40px
}

.progress-bar .person-pro-line {
    width: 124px;
    background-position: 0 -100px
}

.progress-bar .pro-line1 {
    left: 85px
}

.progress-bar .person-pro-line1 {
    left: 125px
}

.progress-bar .pro-line2 {
    left: 189px
}

.progress-bar .person-pro-line2 {
    left: 330px
}

.progress-bar .pro-line3 {
    right: 0px
}

.progress-bar .cur-line {
    background-position: 0 -70px
}

.progress-bar .person-cur-line {
    background-position: 0 -130px
}
.larryms-step-form .layui-form-item{
    text-align: left;
    position: relative;
}
.larryms-step-form .layui-form-item .larryms-code-input{
    width: 245px;
    margin-left: 0px;
    padding-left: 0px;
}
.larryms-step-form .layui-form-item .larryms-code-img{
    position: absolute;
    right: 0px;
    top: 0px;
    margin-right: 0px;
}
.larryms-step-form .layui-form-item .larryms-code-img span.layui-btn{
    height: 48px;
    background: #fff;
    line-height: 48px;
    margin-right: 0px;
}

.larryms-page-wechatbind .notice-top-right{
    top: 80px;
}

.larryms-bind-page-logo{
    display: block;
    width: 200px;
    height: 38px;
    position: absolute;
    bottom: 20px;
    left: 35px;
    line-height: 38px;
    text-align: left;
}
.larryms-bind-page-logo span.logo-flag{
    display: inline-block;
    vertical-align: top;
    width: 28px;
    height: 28px;
    margin-top: 3px;
    margin-right: 5px;
}
.larryms-bind-page-logo span.qq-logo{
    background: url("../images/qq.png");
    background-size: 100%;
}
.larryms-bind-page-logo span.wx-logo{
    background: url("../images/wx_logo.png");
    background-size: 100%;
}
.larryms-bind-page-logo a{
    display: inline-block;
    vertical-align: top;
    line-height: 38px;
    font-size: 13px;
    color: #28C7FA;
}
.larryms-page{
    background: #F5F7F9 !important;
}

/**
layer 弹层主题
 */
.layui-layer-molv .layui-layer-title {
    background: #1e9fff !important;
    color: #fff;
    border: none;
}
.layui-layer-molv .layui-layer-title .layui-layer-ico{
    background-position:180px -35px !important;
    width: 30px !important;
    height: 30px !important;
}
.layui-layer-molv .layui-layer-setwin .layui-layer-ico{
    background: none;
}
.layui-layer-molv .layui-layer-setwin .layui-layer-ico::after{
    display: inline-block;
    width: 16px;
    height: 16px;
    content: 'x';
    line-height: 16px;
    font-size: 20px;
    color: #fff;
}

/*自定义css larryms官方产品*/
/**
 * admin-csss
 *
 */
.w160{
    width: 160px;
}
.w230{
    width: 230px;
}
.w200{
    width: 200px;
}
.mb0{
    margin-bottom: 0px !important;
}
.larryms-page-official .larryms-conditions{

}
.larryms-conditions{min-height:80px;margin-bottom: 8px;}
.larryms-conditions .larryms-shortcut .layui-card{
    border-radius: 8px;
    cursor: pointer;
    border: none;
}
.larryms-conditions .larryms-shortcut .layui-card:hover{box-shadow:3px 6px 8px #d8d8d8;}
.larryms-conditions .larryms-shortcut .layui-card-body{padding: 6px 10px;border-radius: 4px;border: 1px solid #e8e8e8;}
.larryms-conditions .larryms-shortcut .layui-card-body .content{height:50px;overflow:hidden;padding-left: 5px;}
.larryms-conditions .larryms-shortcut .span-title{display:inline-block;width:40px;height:40px;background:#E4ECFF;vertical-align:middle;border-radius:50%;text-align:center;line-height:40px;}
.larryms-conditions .larryms-shortcut .span-title i{display:inline-block;width:26px;height:26px;border-radius:50%;margin:0 auto;text-align:center;background:#4d7cfe;margin-top:7px;color:#fff;line-height:26px;font-size:16px;}
.larryms-conditions .larryms-shortcut .span-title i.bg1{    /*background: #4d7cfe;*/
    background:-webkit-linear-gradient(top,#7BBDFF,#3091F2);}
.larryms-conditions .larryms-shortcut .span-title i.bg2{    /*background: #ffab2b;*/
    background:-webkit-linear-gradient(top,#FFB039,#FF9900);}
.larryms-conditions .larryms-shortcut .span-title i.bg3{    /*background: #6dd230;*/
    background:-webkit-linear-gradient(top,#74E193,#32C85C);}
.larryms-conditions .larryms-shortcut .span-title i.bg4{    /*background: #ff85c0;*/
    background:-webkit-linear-gradient(top,#ff85c0,#f564aa);}
.larryms-conditions .larryms-shortcut .span-title i.bg5{background:-webkit-linear-gradient(top,#23d4d4,#16d1b6);}
.larryms-conditions .larryms-shortcut .span-title i.bg6{background:-webkit-linear-gradient(top,#CB5DEF,#9825D1);}
.larryms-conditions .larryms-shortcut .span-list{display:inline-block;height:50px;line-height:50px;vertical-align:middle;box-sizing:border-box;padding-left:8px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.larryms-conditions .larryms-shortcut .span-list span{display:block;}
.larryms-conditions .larryms-shortcut .span-list .list-title{height:100%;line-height:50px;text-align:center;color:#787878;font-size:16px;position:relative;}
.larryms-conditions .larryms-shortcut .span-list span.top{color:#666;font-size:18px;height:24px;line-height:24px;padding-top: 2px;}
.larryms-conditions .larryms-shortcut .span-list span.bottom{color:#98a9bc;font-size:12px;line-height:24px;height:24px;}
.larryms-conditions .larryms-shortcut .span-list .list-title .layui-badge{position:absolute;top:0px;right:0px;border-radius:50%;}
.larryms-conditions .larryms-shortcut .larryms-this .layui-card-body{
    border:1px solid #E4ECFF;
    color: #fff;
    background: #36B368;
}
.larryms-conditions .larryms-shortcut .larryms-this .span-list span{
    color: #fff;
}
.larryms-conditions .larryms-shortcut  .larryms-click-layer{
    max-width: 155px;
    min-width: 150px;
}

.larryms-product-list{
    min-height: 630px;
}
.larryms-pagecontent-empty{
    display: block;
    margin-top: 50px;
    text-align: center;
    padding-top: 100px;
}
.larryms-product-ul{
    padding: 10px 0px;
}
.larryms-product-ul li.larryms-product-item{
    display: inline-block;
    vertical-align: top;
    width: 230px;
    height: 350px;
    border: 1px solid #f1f1f1;
    padding: 10px;
    border-radius: 6px;
    box-sizing: border-box;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    cursor: pointer;
    box-shadow: 5px 6px 10px #c8c8c8;
}
.larryms-ribbon-code{
    background:#D6359A !important;
}
.larryms-ribbon.larryms-ribbon-badge>*.larryms-ribbon-code:before{
    border-left: 3px solid #D6359A;
    border-top: 3px solid #D6359A;
}
.larryms-ribbon.larryms-ribbon-badge>*.larryms-ribbon-code:after{
    border-right: 3px solid #D6359A;
    border-top: 3px solid #D6359A;
}
.larryms-ribbon-doc{
    background: #1E9FFF !important;
}
.larryms-ribbon.larryms-ribbon-badge>*.larryms-ribbon-doc:before{
    border-left: 3px solid #1E9FFF;
    border-top: 3px solid #1E9FFF;
}
.larryms-ribbon.larryms-ribbon-badge>*.larryms-ribbon-doc:after{
    border-right: 3px solid #1E9FFF;
    border-top: 3px solid #1E9FFF;
}
.larryms-ribbon-video{
    background:#FF5722  !important;
}
.larryms-ribbon.larryms-ribbon-badge>*.larryms-ribbon-video:before{
    border-left: 3px solid #FF5722;
    border-top: 3px solid #FF5722;
}
.larryms-ribbon.larryms-ribbon-badge>*.larryms-ribbon-video:after{
    border-right: 3px solid #FF5722;
    border-top: 3px solid #FF5722;
}
.larryms-ribbon-template{
    background:#46C93A !important;
}
.larryms-ribbon.larryms-ribbon-badge>*.larryms-ribbon-template:before{
    border-left: 3px solid #46C93A;
    border-top: 3px solid #46C93A;
}
.larryms-ribbon.larryms-ribbon-badge>*.larryms-ribbon-template:after{
    border-right: 3px solid #46C93A;
    border-top: 3px solid #46C93A;
}
.larryms-product-item .larryms-top{
    display: block;
    width: 195px;
    height: 255px;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
    box-sizing: border-box;
    border: 1px solid #f1f1f1;
}
.larryms-product-item .larryms-top a.img{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    position: relative;
}
.larryms-product-item .larryms-top a.img img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 3px;
}


.larryms-product-item .larryms-bottom{
    display: block;
    width: 100%;
    height: 38px;
    text-align: left;
    padding:6px 6px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.larryms-product-item .larryms-bottom .layui-btn{
    padding: 0px 10px;
}
.larryms-product-item .larryms-bottom .tips-info{
    float: right;
    line-height: 26px;
    color: #bbb;
    font-size: 12px;
}
.larryms-product-item .larryms-bottom .tips-info em{
    color: #D6359A;
}
.larryms-product-ul li.larryms-product-item:hover{
    transform: scale(1.02,1.02);
    box-shadow: 6px 12px 12px #aaa;
    border: 1px solid rgba(0,0,0,0.2);
}
.larryms-img{
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.76);
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
}
.larryms-product-ul li.larryms-product-item .larryms-top .larryms-img.larryms-show{
    display: block;
    background: rgba(59,62,71,0.66);
}
.larryms-product-ul li.larryms-product-item:hover .larryms-top .larryms-img{
    display: block;
    background: rgba(0,0,0,0.76);
}
.larryms-img .larryms-img-text{
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    padding-top: 20px;
}
.larryms-img .larryms-img-text h4{
    display: block;
    width: 100%;
    margin: 0 auto;
    height: auto;
    max-height: 52px;
    text-align: center;
    line-height: 26px;
    font-size: 16px;
    color: #fff !important;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:0px 4px;
    box-sizing: border-box;
}
.larryms-img .larryms-img-text p{
    color: #ff5722;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 28px;
    margin-bottom: 20px;
}
.larryms-img .larryms-img-text  .views{
    display: block;
    width: 120px;
    margin: 0 auto;
    height: 26px;
    padding: 3px 2px;
    border: 1px solid #00C1FF;
    border-radius: 3px;
    font-size: 16px;
    color: #00C1FF;
    line-height: 26px;
    text-align: center;
    margin-bottom: 25px;
}
.larryms-img .larryms-img-text span{
    display: block;
    width: 90%;
    margin: 0 auto;
    height: 25px;
    text-align: left;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
}
.larryms-img .larryms-img-text  .info{
    display: block;
    width: 86%;
    margin: 0 auto;
}
.larryms-img .larryms-img-text  .info span{
    display: inline-block;
    width: 49%;
}
.larryms-img .larryms-img-text span.download{
    color: #11c26d;
}
.larryms-img .larryms-img-text span.author{
    color: #35b8e0;
}
.larryms-img .larryms-img-text  .info span.version{
    float: right;
    text-align: right;
}
.larryms-product-ul li.larryms-product-item:hover .larryms-img .larryms-img-text  .views{
    background: #00C1FF;
    color: #fff;
}
.larryms-product-data{
    text-align: left;
    padding-left: 3px;
}
.larryms-product-data span{
    color: #888;
}
.larryms-product-data span.tips-info{
    float: right;
    padding-right: 5px;
}
.larryms-writer-box{
    height: auto;
    padding: 15px;
    background: #fff;
}
.larryms-writer-box h2{
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    text-align: left;
    color: #1E9FFF;
    margin-bottom: 35px;
    padding-bottom: 10px;
    border-bottom: 1px solid #BCEFFF;
}
.larryms-writer-box .larryms-doc-form{


}
.larryms-doc-form .layui-form-label{
    color: #666;
}

.larryms-aux{
    display: none !important;
    line-height: 30px;
    color: #888;
    font-size: 13px;
    margin-left: 110px;
    padding-top: 3px;
}
.larryms-aux.larryms-this{
    display: block !important;
}
.larryms-product-publish .cover-box{
    min-width: 200px;
    position: relative;
    vertical-align: top;
    float: right;
    margin-right: 0px;
}
.larryms-product-publish .cover-box .cover-pic-review{
    position: absolute;
    top: 0px;
    right: 0px;
}
.larryms-product-publish .cover-pic-review{
    display: inline-block;
    vertical-align: top;
    width: 180px;
    height: 115px;
    border: 1px dashed #e8e8e8;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}
.larryms-product-publish .cover-pic-review span{
    line-height:90px;
    color: #888;
    font-size: 12px;
}
.larryms-product-publish  .cover-pic-review img{
    display: block;
    width: 100%;
    height: 100%;
}
/*按钮页面*/
.button-demo .larryms-btn{
    margin-bottom: 15px;
    margin-right: 15px;
    min-width: 110px;
}
.icon-button .larryms-btn{
    width: auto;
    min-width: 20px;
}

/*文档内容*/
.site-content {
    padding: 20px  0 10px 20px;
}
.site-text {
    position: relative;
}
.site-text .layui-btn-container{
    margin: 15px 0px;
}
.site-title {
    margin: 30px 0 20px;
}
.site-title fieldset {
    border: none;
    padding: 0;
    border-top: 1px solid #eee;
}
.site-title fieldset legend {
    margin-left: 20px;
    padding: 0 10px;
    font-size: 22px;
    font-weight: 300;
}
/* 更新日志 */
.site-changelog .layui-timeline-title h2{display: inline-block;}
.site-changelog .layui-timeline-title .layui-badge-rim{top: -2px; left: 10px;}

/* 颜色 */
.site-doc-color{margin: 15px 0;}
.site-doc-color li div{padding: 20px 10px; color: #fff; text-align: center; border-radius: 2px; line-height: 1.6; font-size: 14px;}
.site-doc-color li p[tips]{opacity: 0.8; font-size: 12px;}

.site-doc-necolor li div{border-radius: 0; color: #000;}
.site-doc-bgcolor li{padding: 20px 10px;}

/* 宫格 */
.site-doc-icon{margin-bottom: 50px; font-size: 0;}
.site-doc-icon li{display: inline-block; vertical-align: middle; width: 16.5%; height: 125px; line-height: 25px; padding: 20px 0; margin-right: -1px; margin-bottom: -1px; border: 1px solid #e2e2e2; font-size: 14px; text-align: center; color: #666; transition: all .3s; -webkit-transition: all .3s;}
.site-doc-anim li{height: auto;}
.site-doc-icon li .layui-icon{display: inline-block; font-size: 36px;}

.site-doc-icon li .doc-icon-name,
.site-doc-icon li .doc-icon-code{color: #c2c2c2;}
.site-doc-icon li .doc-icon-fontclass{height: 40px; line-height: 20px; padding: 0 5px; font-size: 13px; color: #333; }
.site-doc-icon li:hover{background-color: #f2f2f2; color: #000;}
.site-doc-icon *{
    box-sizing: content-box;
}
/* 辅助 */
.site-tips{margin-bottom: 10px; padding: 15px; line-height: 1.6; border-left: 5px solid #5FB878; background-color: #FAFAFA;}
body .site-tips p{margin: 0;}
body .layui-layer-notice .layui-layer-content{padding: 20px; line-height: 26px; background-color: #393D49; color: #fff; font-weight: 300;}
.layui-layer-notice .layui-text{color: #f8f8f8;}
.layui-layer-notice .layui-text a{color: #009688;}

.site-doc-icon-anim *{
    box-sizing: border-box !important;
}
.site-doc-icon-anim li{width: 50%;}
.site-doc-icon-anim li .layui-anim{width: 125px; height: 125px; line-height: 125px; margin: 0 auto 10px; text-align: center; background-color: #009688; cursor: pointer; color: #fff; border-radius: 50%;}
.site-doc-icon-anim li .code{white-space: nowrap;}

/*无限级菜单页面*/
.larryms-page-level{
    width: 100%; height: 100%; background: #f2f2f2; padding: 0px; margin: 0px; position: relative;
}
.text { width: 60%; height: 260px; margin: 0 auto; position: absolute; top: 16%; left: 20%; }
.text h1 { color: #c2c2c2; text-align: center; font-size: 24px; line-height: 50px; font-style: normal; font-weight: normal; letter-spacing: .5px; }
.text p { color: #c8c8c8; text-align: center; font-size: 16px; line-height: 30px; }
.text p a { color: #01AAED; }
.text p a:hover { color: #ff5722; }
.larryms-svg-box{
    display: none;
}
.larryms-svg-box.show{ display: block; }
.container.show { display: block; }
.pageload-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; }
.pageload-overlay.show { visibility: visible; }
.pageload-overlay svg { position: absolute; top: 0; left: 0; pointer-events: none; }
.pageload-overlay svg path { fill: #009688; }
.pageload-overlay::after,
.pageload-overlay::before { content: ''; position: fixed; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; border-radius: 50%; visibility: hidden; opacity: 0; z-index: 1000; -webkit-transition: opacity 0.15s, visibility 0s 0.15s; transition: opacity 0.15s, visibility 0s 0.15s; }
.pageload-overlay::after { background: #6cc88a; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-animation: moveRight 0.6s linear infinite alternate; animation: moveRight 0.6s linear infinite alternate; }
.pageload-overlay::before { background: #4fc3f7; -webkit-transform: translateX(20px); transform: translateX(20px); -webkit-animation: moveLeft 0.6s linear infinite alternate; animation: moveLeft 0.6s linear infinite alternate; }
@-webkit-keyframes moveRight {
    to { -webkit-transform: translateX(20px); }
}
@keyframes moveRight {
    to { transform: translateX(20px); }
}
@-webkit-keyframes moveLeft {
    to { -webkit-transform: translateX(-20px); }
}
@keyframes moveLeft {
    to { transform: translateX(-20px); }
}
.pageload-loading.pageload-overlay::after,
.pageload-loading.pageload-overlay::before { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.margin-30 { width: 100%; height: 0px; margin-bottom: 30px; }
.margin-20 { width: 100%; height: 0px; margin-bottom: 20px; }
body.temp .layui-fluid { box-sizing: border-box; padding: 25px; }
body.temp .layui-fluid h1.tit { font-size: 26px; display: block; width: 100%; height: 45px; text-align: center; line-height: 45px; color: #ff5722; }
body.temp .layui-fluid blockquote { background: #e8e8e8; font-size: 14px; }
body.temp .layui-fluid p { line-height: 25px; font-size: 14px; color: #666; text-indent: 2em; }
body.temp .layui-fluid p em { color: #ff5722; }

@media screen and (max-width: 767px){
    body{
        width: 100%;
        padding: 0px;
    }
    .text{
        display: block;
        position: static;
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
        padding: 0px;
    }
    body.temp .layui-fluid h1.tit{
        font-size: 16px;
        font-weight: 600;
        line-height: 30px;
    }

}
.larryms-page-thirdjs{
    background: #f2f2f2;
}

.larryms-nav-list-introduce{
    padding-left: 20px;
    padding-top: 5px;
}
.larryms-nav-list-introduce li{
    list-style: disc;
    list-style-type: disc;
    font-size: 14px;
    line-height: 32px;
    color: #333;
}
.larryms-nav-list-introduce li span{
    color: #ff5722;
    padding: 0px 3px;
    font-weight: 600;
}
.larryms-nav-list-introduce li cite{
    font-style: normal;
    color: #1E9FFF;
    font-weight: 600;
}
.larryms-nav-list-introduce li ul{
    padding-left: 20px;
}
.larryms-nav-list-introduce li ul li{
    color: #009688;
}



/*底部文件*/
.larryms-bottom-nav-bar{
    display: block;
    width: 55px;
    height: auto;
    min-height: 200px;
    position: fixed;
    bottom: 100px;
    right: 12px;
    background: #2F4056;
    border-radius: 6px;
    z-index: 80000;
    visibility: visible;
    overflow: visible;
}
.larryms-bottom-nav-bar li{
    display: block;
    position: relative;
    /*list-style: outside none none;*/
    width: 55px;
    height: 54px;
    padding: 0px;
    overflow: visible;
}
.larryms-bottom-nav-bar li a{
    display: block;
    width: 55px;
    height: 54px;
    color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
    /*left: 0px;*/
    bottom: 0px;
    visibility: visible;
    transition: all 0.3s ease 0s;
    z-index: 90000;
    overflow-y: hidden;
}
.larryms-bottom-nav-bar li i.larry-icon{
    display: inline-block;
    width: 55px;
    height: 54px;
    color: #fff;
    text-align: center;
    line-height: 54px;
    font-size: 28px;
}
.larryms-bottom-nav-bar li .title{
    display: none;
    vertical-align: top;
    height: 54px;
    line-height: 54px;
    color: #fff;
    font-size: 16px;
}
.larryms-bottom-nav-bar li.larryms-this{
    background: #0E8EE2;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.larryms-bottom-nav-bar li a.saoma-kf .kf-box{
    display: none;
    box-sizing: border-box;
}
.larryms-bottom-nav-bar li.go-top{
    display: none;
    cursor: pointer;
}
.larryms-bottom-nav-bar li:hover{
    background: #0E8EE2;
    width: 55px;
}
.larryms-bottom-nav-bar li:hover a{
    display: block;
    width: 160px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 9000;
    background: #0E8EE2;
    padding-left: 10px;
    text-align: left;
    overflow-x: hidden;
}
.larryms-bottom-nav-bar li:hover a i.larry-icon{
    width: 36px;
}
.larryms-bottom-nav-bar li:hover a .title{
    display: inline-block;
    color: #fff;
}
.larryms-bottom-nav-bar li:hover a.saoma-kf{
    width: 55px;
    height: 54px;
    overflow: visible;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    padding: 0px;
    box-sizing: border-box;
    cursor: pointer;
}
.larryms-bottom-nav-bar li:hover a.saoma-kf i.larry-icon{
    display: block;
    width: 100%;
    height: 100%;
}
.larryms-bottom-nav-bar li:hover a.saoma-kf div.kf-box{
    display: block;
    width: 180px;
    height: 200px;
    background: #2F4056;
    padding: 12px;
    border-radius: 8px;
    position: absolute;
    top: -100px;
    right: 80px;
    -webkit-animation: moveFromBottomFade .3s ease both;
    -moz-animation: moveFromBottomFade .3s ease both;
    animation: moveFromBottomFade .3s ease both;
    z-index: 8000;
}
.larryms-bottom-nav-bar li:hover a.saoma-kf div.kf-box img{
    display: block;
    width: 156px;
    height: 152px;
    border-radius: 6px;
}
.larryms-bottom-nav-bar li:hover a.saoma-kf div.kf-box p{
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    text-align: center;
}
.contractus{
    position: fixed;
    width: 230px;
    left: -230px;
    top: 0px;
    bottom: 0px;
    background: #fff;
    text-align: center;
    overflow: visible;
    z-index: 8000;
}
.diyoumask { position:fixed; left: 0; top: 0; z-index: 1000; width:100%; height:100%; opacity:0.3;filter:alpha(Opacity=30); background:#000; display:none;}
.contractus .hoverbtn{
    display: block;
    width: 30px;
    height: 135px;
    padding-top: 20px;
    cursor: pointer;
    position: absolute;
    bottom: 100px;
    left: 230px;
    font-size: 14px;
    color: #fff;
    background: #009aff;
    box-shadow: -4px 4px 4px -4px #000;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.contractus .hoverbtn span {
    width: 30px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    overflow: hidden;
    float: left;
}

.contractus nav.larryms-nav-header{
    height: 100%;
    box-sizing: border-box;
    padding-top: 30px;
}


nav::-webkit-scrollbar {
    width: 0px;
}

nav {
    scrollbar-base-color: #fff;
    scrollbar-base-color: #fff;
    scrollbar-3dlight-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #fff;
    scrollbar-shadow-color: #fff;
    scrollbar-dark-shadow-color: #fff;
}

nav.larryms-nav-header.current-this {
    display: block;
}

nav.larryms-nav-header>.top-box {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    height: 71px;
}

nav.larryms-nav-header .logo-box {
    display: block;
    width: 230px;
    height: 70px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

nav.larryms-nav-header .logo-box span {
    display: inline-block;
    vertical-align: top;
    width: 210px;
    height: 40px;
    line-height: 55px;
    font-size: 16px;
    color: #666;
    margin: 0 auto;
    font-weight: 600;
    text-align: center;
}

nav.larryms-nav-header>.wx-qq {
    width: 230px;
    height: 180px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 25px;
}

nav.larryms-nav-header>.wx-qq>img {
    display: block;
    width: 155px;
    height: 140px;
    margin: 0 auto;
    border: 1px solid #f6f6f6;
    border-radius: 5px;
    margin-bottom: 5px;
}

nav.larryms-nav-header>.wx-qq>span {
    display: block;
    color: #bbb;
    line-height: 32px;
    text-align: center;
    font-size: 14px;

}

nav.larryms-nav-header>.flink-box {
    display: block;
    width: 200px;
    height: auto;
    min-height: 90px;
    margin: 0 auto;
    padding: 20px 0px;
    text-align: left;
}

nav.larryms-nav-header>.flink-box cite {
    display: block;
    font-style: normal;
    text-align: left;
    color: #009688;
    font-size: 16px;
    font-weight: bolder;
    padding-bottom: 3px;
}

nav.larryms-nav-header>.flink-box a {
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    color: #888;
    line-height: 25px;
    margin-right: 5px;
    font-size: 13px;
    text-align: left;
}

nav.larryms-nav-header>.flink-box a:hover {
    color: #FF5722;
    text-decoration: underline;
}

nav.larryms-nav-header>.header-footer {
    overflow: hidden;
    width: 230px;
    margin: 0 auto;
    padding: 20px 0px;
    position: absolute;
    bottom: 0px;
    left: 15px;
}

nav.larryms-nav-header>.header-footer .top {
    display: block;
    width: 100%;
    height: 50px;
    text-align: left;
    padding-left: 6px;
}

nav.larryms-nav-header>.header-footer .top a {
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #00dfb9;
    font-size: 16px;
    margin: 2.5px 7.5px;
    cursor: pointer;
    color: #fff;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}

nav.larryms-nav-header>.header-footer .top span {
    line-height: 60px;
    font-size: 14px;
    color: #888;
}

nav.larryms-nav-header>.header-footer p {
    color: #000;
    padding-left: 15px;
    text-align: left;
}

nav.larryms-nav-header>.header-footer p span {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #888;
}

nav.larryms-nav-header>.header-footer cite {
    display: block;
    width: 100%;
    text-align: left;
    color: #888;
    font-size: 14px;
    font-style: normal;
    padding-left: 15px;
}

nav.larryms-nav-header>.header-footer cite>a:hover {
    cursor: pointer;
    color: #009688;
}
.larryms-docview-leftnav .title-h1{
    position: relative;
}
.larryms-docview-leftnav .title-h1 .larryms-btn{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 2px;
    margin: 0px;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    line-height: 56px;
    border-radius: 0px;
    text-align: center;
    text-indent: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}
.larryms-doc-prview ol{
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    padding-left: 15px;
}
.larryms-doc-prview ol li{
    padding-left: 12px;
    display: list-item;
    list-style-type:decimal;
    list-style-position:inside;
    text-align: -webkit-match-parent;
    font-size: 16px;
    word-break: break-word;
    line-height: 2;
    font-weight: 400;
    overflow-x: hidden;
    color: #333;
}
.larryms-doc-prview ol li::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}
.doc-title-info{
    display: block;
    width: 100%;
    min-height: 60px;
    text-align: center;
    /*border-bottom: 1px solid #fbfbfb;*/
    padding-bottom: 12px;
    margin-bottom: 15px;
}
.doc-title-info h1{
    color: #7E888B;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px;
}
.doc-title-info .infos{
    display: block;
    line-height: 30px;
    text-align: center;
    color: #888;
}
.doc-title-info .infos span{
    line-height: 30px;
    margin-right: 15px;
    font-size:14px;
}
.larryms-editor-html-body h2{
    font-size:24px;
    line-height: 46px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom:15px;
}
.larryms-doc-reading ul.layui-timeline li .layui-text ul li {
    line-height: 25px;
    vertical-align: top
}

.larryms-doc-reading ul.layui-timeline li em.add {
    display: inline-block;
    vertical-align: middle;
    background: #01AAED;
    width: 35px;
    text-align: center;
    line-height: 20px;
    margin-right: 10px;
    font-size: 12px;
    color: #fff!important;
    border-radius: 5px
}

.larryms-doc-reading ul.layui-timeline li em.repair {
    display: inline-block;
    vertical-align: middle;
    background: #FFB800;
    width: 35px;
    text-align: center;
    line-height: 20px;
    margin-right: 10px;
    font-size: 12px;
    color: #fff!important;
    border-radius: 5px
}

.larryms-doc-reading ul.layui-timeline li em.optimize {
    display: inline-block;
    vertical-align: middle;
    background: #18bc9c;
    width: 35px;
    text-align: center;
    line-height: 20px;
    margin-right: 10px;
    font-size: 12px;
    color: #fff!important;
    border-radius: 5px
}
.larryms-doc-reading em,
.larryms-doc-reading address,
.larryms-doc-reading caption,
.larryms-doc-reading cite,
.larryms-doc-reading code,
.larryms-doc-reading dfn,
.larryms-doc-reading strong,
.larryms-doc-reading th{
    font-style: normal;
    font-weight: normal;
}
.larryms-doc-reading .layui-text ul li h3 {
    font-size: 16px;
    color: #000;
}
.larryms-doc-reading .title-p{
    padding-top: 5px;
    color: #ef935f;
    margin-bottom: 5px;
}
.larryms-doc-reading ul.layui-timeline li .layui-text ul li {
    line-height: 26px;
    vertical-align: top;
}

.larryms-doc-reading .layui-text ul li ul li {
    margin-left: 25px;
}
.larryms-doc-reading .layui-text ul li{
    margin-top: 5px;
}
.larryms-editor-html-body .layui-colla-item h2{
    margin-bottom: 0px;
}
.larryms-editor-html-body .layui-colla-item{
    box-sizing: border-box;
}
.larryms-editor-html-body .layui-colla-item pre{
    margin-bottom: 0px !important;
}
/* 主题设置 */
.larryms-set-theme{padding: 15px; overflow-x: hidden;min-height: 300px;}
.larryms-set-theme>h5{padding: 20px 0 10px; color: #000;}
.larryms-set-theme>h5:first-child{padding-top: 0;}
.larryms-set-theme-color{width: 330px; font-size: 0;}
.larryms-set-theme-color li{position: relative; display: inline-block; vertical-align: top; width: 80px; height: 50px; margin: 0 15px 15px 0; background-color: #f2f2f2; cursor: pointer; font-size: 12px; color: #666;}
.larryms-set-theme-color li:after{content: ''; position: absolute; z-index: 20; top: 50%; left: 50%; width: 1px; height: 0; border: 1px solid #f2f2f2; transition: all .3s; -webkit-transition: all .3s; opacity: 0;}
.larryms-set-theme-color li.layui-this:after,
.larryms-set-theme-color li:hover:after{width: 100%; height: 100%; padding: 4px; top: -5px; left: -5px; border-color: #5FB878; opacity: 1;}

.larryms-set-theme-header{position: relative; z-index: 10; height: 10px; border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;}
.larryms-set-theme-side{position: absolute; left: 0; top: 0; width: 20px; height: 100%; z-index: 11; box-shadow: 1px 0 2px 0 rgba(0,0,0,.05);}
.larryms-set-theme-logo{position: absolute; left: 0; top: 0; width: 100%; height: 10px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);}
.larryms-form-right{text-align: right;}
.layui-layout-admin .larryms-logo span.mini-logo{
    display: none;
}
.larryms-site-shrink .layui-layout-admin .larryms-logo span.mini-logo{
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 auto;
}
.larryms-site-shrink .layui-layout-admin .larryms-logo{
    padding: 0px;
}
.larryms-site-shrink .layui-layout-admin .larryms-logo span.mini-logo img{
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: middle;
    margin-left: 0px;
}
.change-style .larryms-btn{
    vertical-align: top !important;
    margin-top: 5px !important;
    background: transparent;
}