@import url(../../layui/css/layui.css);
body .myskin{
    background-color: transparent !important;/*背景透明*/
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;/*前景无阴影*/
    background-image: url(../../../student/img/signin/bg.png) !important;
}
/*initialize css*/
html{padding:0px;margin:0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td,span,a{margin:0;padding:0;}
em{font-style:normal}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
b,strong{font-weight:bold;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
a{text-decoration:none;color:#333333;font-family:"Microsoft YaHei";}
a:hover{text-decoration:none;}
fieldset,img{border:0;}
ol,ul,li{list-style:none;}
del,ins{text-decoration:none;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box; /* 1 */padding:0; /* 2 */}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto; /* 1 */vertical-align:top; /* 2 */}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
a:active{outline:none;star:expression(this.onFocus=this.blur());}
a,a:hover,a:focus{text-decoration:none;outline:none;-webkit-transition:all 0.3s;transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
::selection{background:#1E9FFF;color:#fff;}
::-moz-selection{background:#1E9FFF;color:#fff;}
pre{padding:10px 15px;margin:10px 0;font-size:12px;border-left:6px solid #009688;background-color:#F2F2F2;font-family:Courier New;overflow:auto;}
a cite{font-style:normal;*cursor:pointer;}
body{overflow-y: scroll;}
/*浮动*/
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.center{text-align: center !important;}
.right{text-align: right !important;}
/* 清除浮动样式 */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.full-center{display:block;width:100%;margin:0 auto;height:auto;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.larryui h1{font-size:16px;line-height:40px;}
.larryui h1 em{color:#898989;font-size:14px;}
.larryui p.title{line-height:26px;font-size:14px;color:#888;}
.larryui p.title em{color:#999;}
.larryui p.title cite{color:#35b8e0;padding:0px 5px;}
.larry-inline{position:relative;display:inline;*display:inline;*zoom:1;vertical-align:top;}
.larry-inline-block{position:relative;display:inline-block;*display:inline-block;*zoom:1;vertical-align:top;}
.larry-block{position:relative;display:block;*display:block;*zoom:1;vertical-align:top;}

/* 单行溢出省略 */
.larry-elip{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* 屏蔽选中 */
.larry-unselect,.larry-icon,.larry-disabled{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}

/* 禁用 */
.larry-disabled,.larry-disabled:hover{color:#d2d2d2!important;cursor:not-allowed!important;}

/* 纯圆角 */
.larry-circle{border-radius:100%;}
.larry-show{display:block!important;}
.larry-hide{display:none!important;}

/*基础色-背景色*/
.larry-bg-red{background-color:#FF5722!important;color:#fff!important;}

/*赤*/
.larry-bg-orange{background-color:#FFB800!important;color:#fff!important;}

/*橙*/
.larry-bg-green{background-color:#009688!important;color:#fff!important;}

/*绿*/
.larry-bg-brightblue{background:#02CED1;color:#fff!important;}
.larry-bg-brightgreen{background:#019486;color:#fff!important;}
.larry-bg-cyan{background-color:#2F4056!important;color:#fff!important;}

/*青*/
.larry-bg-blue{background-color:#1E9FFF!important;color:#fff!important;}

/*蓝*/
.larry-bg-black{background-color:#393D49!important;color:#fff!important;}

/*黑*/
.larry-bg-gray{background-color:#eee!important;color:#666!important;}
.larry-bg-grey{background-color:#F4F4F7!important;color:#666!important;}
.larry-bg-custom{background-color:#02CED1;}

/*灰*/
.larry-bg-ligthgray{background:#f3f6f8;}
.larry-bg-darkgray{background:#e2e2e2;}
.larry-bg-lightgrey{background:#F1F4F5;}
.larry-bg-darkgrey{background:#ddd;color:#666;}
.larry-bg-ligthblack{background:#314961;color:#73879C;}

/*雅黑*/
.larry-bg-green{background:#009688;color:#fff!important;}
.larry-bg-lightgreen{background:#5FB878;color:#fff!important;}
.larry-bg-cyan{background:#2F4056;color:#fff!important;}
.larry-bg-lilac{background:#9463F7;color:#fff!important;}
.larry-bg-deeppurple{background:#C71585;color:#fff!important;}
.larry-bg-warning{background:#FBCC5C;}
.larry-bg-secondary{background:#6C757D;}
.larry-bg-primary{background:#188AE2;}
.larry-bg-danger{background:#F34943;}
.larry-bg-dark{background:#3B3E47;}
.larry-bg-info{background:#35B8E0;}
.larry-bg-light{background:#F3F6F8;}
.larry-bg-success{background:#31CE77;}
.larry-bg-error{background:#fff;color:#ff5722;}

/*栅格布局*/
.larry-fluid{position:relative;margin:0 auto;padding:0px;}
.larry-container{position:relative;margin:0 auto;padding:0px;box-sizing:border-box;}
.larry-row:before,.larry-row:after{content:'';display:block;clear:both;}
.larry-col-xs1,.larry-col-xs2,.larry-col-xs3,.larry-col-xs4,.larry-col-xs5,.larry-col-xs6,.larry-col-xs7,.larry-col-xs8,.larry-col-xs9,.larry-col-xs10,.larry-col-xs11,.larry-col-xs12,.larry-col-sm1,.larry-col-sm2,.larry-col-sm3,.larry-col-sm4,.larry-col-sm5,.larry-col-sm6,.larry-col-sm7,.larry-col-sm8,.larry-col-sm9,.larry-col-sm10,.larry-col-sm11,.larry-col-sm12,.larry-col-md1,.larry-col-md2,.larry-col-md3,.larry-col-md4,.larry-col-md5,.larry-col-md6,.larry-col-md7,.larry-col-md8,.larry-col-md9,.larry-col-md10,.larry-col-md11,.larry-col-md12,.larry-col-lg1,.larry-col-lg2,.larry-col-lg3,.larry-col-lg4,.larry-col-lg5,.larry-col-lg6,.larry-col-lg7,.larry-col-lg8,.larry-col-lg9,.larry-col-lg10,.larry-col-lg11,.larry-col-lg12{position:relative;display:block;box-sizing:border-box;}
.larry-col-xs1,.larry-col-xs2,.larry-col-xs3,.larry-col-xs4,.larry-col-xs5,.larry-col-xs6,.larry-col-xs7,.larry-col-xs8,.larry-col-xs9,.larry-col-xs10,.larry-col-xs11,.larry-col-xs12{float:left;}
.larry-col-xs1{width:8.33333333%;}
.larry-col-xs2{width:16.66666667%;}
.larry-col-xs3{width:25%;}
.larry-col-xs4{width:33.33333333%;}
.larry-col-xs5{width:41.66666667%;}
.larry-col-xs6{width:50%;}
.larry-col-xs7{width:58.33333333%;}
.larry-col-xs8{width:66.66666667%;}
.larry-col-xs9{width:75%;}
.larry-col-xs10{width:83.33333333%;}
.larry-col-xs11{width:91.66666667%;}
.larry-col-xs12{width:100%;}
.larry-col-xs-offset1{margin-left:8.33333333%;}
.larry-col-xs-offset2{margin-left:16.66666667%;}
.larry-col-xs-offset3{margin-left:25%;}
.larry-col-xs-offset4{margin-left:33.33333333%;}
.larry-col-xs-offset5{margin-left:41.66666667%;}
.larry-col-xs-offset6{margin-left:50%;}
.larry-col-xs-offset7{margin-left:58.33333333%;}
.larry-col-xs-offset8{margin-left:66.66666667%;}
.larry-col-xs-offset9{margin-left:75%;}
.larry-col-xs-offset10{margin-left:83.33333333%;}
.larry-col-xs-offset11{margin-left:91.66666667%;}
.larry-col-xs-offset12{margin-left:100%;}

/* 超小屏幕(手机) */
@media screen and (max-width:768px){
	.larry-hide-xs{display:none!important;}
	.larry-show-xs-block{display:block!important;}
	.larry-show-xs-inline{display:inline!important;}
	.larry-show-xs-inline-block{display:inline-block!important;}
}

/* 小型屏幕(平板) */
@media screen and (min-width:768px){
	/*.larry-container{width:750px;}*/
	.larry-hide-sm{display:none!important;}
	.larry-show-sm-block{display:block!important;}
	.larry-show-sm-inline{display:inline!important;}
	.larry-show-sm-inline-block{display:inline-block!important;}
	.larry-col-sm1,.larry-col-sm2,.larry-col-sm3,.larry-col-sm4,.larry-col-sm5,.larry-col-sm6,.larry-col-sm7,.larry-col-sm8,.larry-col-sm9,.larry-col-sm10,.larry-col-sm11,.larry-col-sm12{float:left;}
	.larry-col-sm1{width:8.33333333%;}
	.larry-col-sm2{width:16.66666667%;}
	.larry-col-sm3{width:25%;}
	.larry-col-sm4{width:33.33333333%;}
	.larry-col-sm5{width:41.66666667%;}
	.larry-col-sm6{width:50%;}
	.larry-col-sm7{width:58.33333333%;}
	.larry-col-sm8{width:66.66666667%;}
	.larry-col-sm9{width:75%;}
	.larry-col-sm10{width:83.33333333%;}
	.larry-col-sm11{width:91.66666667%;}
	.larry-col-sm12{width:100%;}

	/* 列偏移 */
	.larry-col-sm-offset1{margin-left:8.33333333%;}
	.larry-col-sm-offset2{margin-left:16.66666667%;}
	.larry-col-sm-offset3{margin-left:25%;}
	.larry-col-sm-offset4{margin-left:33.33333333%;}
	.larry-col-sm-offset5{margin-left:41.66666667%;}
	.larry-col-sm-offset6{margin-left:50%;}
	.larry-col-sm-offset7{margin-left:58.33333333%;}
	.larry-col-sm-offset8{margin-left:66.66666667%;}
	.larry-col-sm-offset9{margin-left:75%;}
	.larry-col-sm-offset10{margin-left:83.33333333%;}
	.larry-col-sm-offset11{margin-left:91.66666667%;}
	.larry-col-sm-offset12{margin-left:100%;}
}

/* 中型屏幕(桌面) */
@media screen and (min-width:992px){
	/*.larry-container{width:970px;}*/
	.larry-hide-md{display:none!important;}
	.larry-show-md-block{display:block!important;}
	.larry-show-md-inline{display:inline!important;}
	.larry-show-md-inline-block{display:inline-block!important;}
	.larry-col-md1,.larry-col-md2,.larry-col-md3,.larry-col-md4,.larry-col-md5,.larry-col-md6,.larry-col-md7,.larry-col-md8,.larry-col-md9,.larry-col-md10,.larry-col-md11,.larry-col-md12{float:left;}
	.larry-col-md1{width:8.33333333%;}
	.larry-col-md2{width:16.66666667%;}
	.larry-col-md3{width:25%;}
	.larry-col-md4{width:33.33333333%;}
	.larry-col-md5{width:41.66666667%;}
	.larry-col-md6{width:50%;}
	.larry-col-md7{width:58.33333333%;}
	.larry-col-md8{width:66.66666667%;}
	.larry-col-md9{width:75%;}
	.larry-col-md10{width:83.33333333%;}
	.larry-col-md11{width:91.66666667%;}
	.larry-col-md12{width:100%;}

	/* 列偏移 */
	.larry-col-md-offset1{margin-left:8.33333333%;}
	.larry-col-md-offset2{margin-left:16.66666667%;}
	.larry-col-md-offset3{margin-left:25%;}
	.larry-col-md-offset4{margin-left:33.33333333%;}
	.larry-col-md-offset5{margin-left:41.66666667%;}
	.larry-col-md-offset6{margin-left:50%;}
	.larry-col-md-offset7{margin-left:58.33333333%;}
	.larry-col-md-offset8{margin-left:66.66666667%;}
	.larry-col-md-offset9{margin-left:75%;}
	.larry-col-md-offset10{margin-left:83.33333333%;}
	.larry-col-md-offset11{margin-left:91.66666667%;}
	.larry-col-md-offset12{margin-left:100%;}
}

/* 大型屏幕(桌面) */
@media screen and (min-width:1200px){
	/*.larry-container{width:1170px;}*/
	.larry-hide-lg{display:none!important;}
	.larry-show-lg-block{display:block!important;}
	.larry-show-lg-inline{display:inline!important;}
	.larry-show-lg-inline-block{display:inline-block!important;}
	.larry-col-lg1,.larry-col-lg2,.larry-col-lg3,.larry-col-lg4,.larry-col-lg5,.larry-col-lg6,.larry-col-lg7,.larry-col-lg8,.larry-col-lg9,.larry-col-lg10,.larry-col-lg11,.larry-col-lg12{float:left;}
	.larry-col-lg1{width:8.33333333%;}
	.larry-col-lg2{width:16.66666667%;}
	.larry-col-lg3{width:25%;}
	.larry-col-lg4{width:33.33333333%;}
	.larry-col-lg5{width:41.66666667%;}
	.larry-col-lg6{width:50%;}
	.larry-col-lg7{width:58.33333333%;}
	.larry-col-lg8{width:66.66666667%;}
	.larry-col-lg9{width:75%;}
	.larry-col-lg10{width:83.33333333%;}
	.larry-col-lg11{width:91.66666667%;}
	.larry-col-lg12{width:100%;}

	/* 列偏移 */
	.larry-col-lg-offset1{margin-left:8.33333333%;}
	.larry-col-lg-offset2{margin-left:16.66666667%;}
	.larry-col-lg-offset3{margin-left:25%;}
	.larry-col-lg-offset4{margin-left:33.33333333%;}
	.larry-col-lg-offset5{margin-left:41.66666667%;}
	.larry-col-lg-offset6{margin-left:50%;}
	.larry-col-lg-offset7{margin-left:58.33333333%;}
	.larry-col-lg-offset8{margin-left:66.66666667%;}
	.larry-col-lg-offset9{margin-left:75%;}
	.larry-col-lg-offset10{margin-left:83.33333333%;}
	.larry-col-lg-offset11{margin-left:91.66666667%;}
	.larry-col-lg-offset12{margin-left:100%;}
}

/* 列间隔 */
.larry-col-space1{margin:-0.5px;}
.larry-col-space1>*{padding:0.5px;}
.larry-col-space3{margin:-1.5px;}
.larry-col-space3>*{padding:1.5px;}
.larry-col-space5{margin:-2.5px;}
.larry-col-space5>*{padding:2.5px;}
.larry-col-space8{margin:-3.5px;}
.larry-col-space8>*{padding:3.5px;}
.larry-col-space10{margin:-5px;}
.larry-col-space10>*{padding:5px;}
.larry-col-space12{margin:-6px;}
.larry-col-space12>*{padding:6px;}
.larry-col-space15{margin:-7.5px;}
.larry-col-space15>*{padding:7.5px;}
.larry-col-space18{margin:-9px;}
.larry-col-space18>*{padding:9px;}
.larry-col-space20{margin:-10px;}
.larry-col-space20>*{padding:10px;}
.larry-col-space22{margin:-11px;}
.larry-col-space22>*{padding:11px;}
.larry-col-space25{margin:-12.5px;}
.larry-col-space25>*{padding:12.5px;}
.larry-col-space30{margin:-15px;}
.larry-col-space30>*{padding:15px;}

/*flex布局*/
.larry-flex{display:flex;}

/*瀑布流布局*/
.larry-wff-grid{list-style:none;margin:15px auto;padding:0;}
.larry-wff-grid li{display:block;float:left;opacity:0;}
.larry-wff-grid li.shown,.no-js .larry-wff-grid li,.no-cssanimations .larry-wff-grid li{opacity:1;}
.larry-wff-grid li a,.larry-wff-grid li img{outline:none;border:none;display:block;width:100%;}
@media screen and (min-width:1601px){
	.larry-wff-grid li{width:15%;padding:8px;margin-right:10px;}
}
@media screen and (min-width:1200px) and (max-width:1600px){
	.larry-wff-grid li{width:18%;padding:8px;margin-right:5px;}
}
@media screen and (min-width:992px) and (max-width:1199px){
	.larry-wff-grid li{width:23%;padding:8px;}
}
@media screen and (min-width:768px) and (max-width:991px){
	.larry-wff-grid li{width:31%;padding:6px;}
}
@media screen and (min-width:415px) and (max-width:767px){
	.larry-wff-grid li{width:42%;padding:8px;}
}
@media screen and (max-width:414px){
	.larry-wff-grid li{width:99%;padding:5px;}
}

/*瀑布流内置动画效果*/

/*animation one*/
.larry-wff-grid.larry-wff-animA li.animate{-webkit-animation:fadeIn 0.65s ease forwards;animation:fadeIn 0.65s ease forwards;}
@-webkit-keyframes fadeIn{
	0%{}
	100%{opacity:1;}
}
@keyframes fadeIn{
	0%{}
	100%{opacity:1;}
}

/*animation two*/
.larry-wff-grid.larry-wff-animB li.animate{-webkit-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp 0.65s ease forwards;animation:moveUp 0.65s ease forwards;}
@-webkit-keyframes moveUp{
	0%{}
	100%{-webkit-transform:translateY(0);opacity:1;}
}
@keyframes moveUp{
	0%{}
	100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}

/*animation three*/
.larry-wff-grid.larry-wff-animC li.animate{-webkit-transform:scale(0.6);transform:scale(0.6);-webkit-animation:scaleUp 0.65s ease-in-out forwards;animation:scaleUp 0.65s ease-in-out forwards;}
@-webkit-keyframes scaleUp{
	0%{}
	100%{-webkit-transform:scale(1);opacity:1;}
}
@keyframes scaleUp{
	0%{}
	100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
}

/*animation four*/
.larry-wff-grid.larry-wff-animD{-webkit-perspective:1300px;perspective:1300px;}
.larry-wff-grid.larry-wff-animD li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(400px) translateY(300px) rotateX(-90deg);transform:translateZ(400px) translateY(300px) rotateX(-90deg);-webkit-animation:fallPerspective .8s ease-in-out forwards;animation:fallPerspective .8s ease-in-out forwards;}
@-webkit-keyframes fallPerspective{
	0%{}
	100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg);opacity:1;}
}
@keyframes fallPerspective{
	0%{}
	100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg);transform:translateZ(0px) translateY(0px) rotateX(0deg);opacity:1;}
}

/*animation five*/
.larry-wff-grid.larry-wff-animE{-webkit-perspective:1300px;perspective:1300px;}
.larry-wff-grid.larry-wff-animE li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -300px;transform-origin:50% 50% -300px;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;}
@-webkit-keyframes fly{
	0%{}
	100%{-webkit-transform:rotateX(0deg);opacity:1;}
}
@keyframes fly{
	0%{}
	100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1;}
}

/*animation six*/
.larry-wff-grid.larry-wff-animF{-webkit-perspective:1300px;perspective:1300px;}
.larry-wff-grid.larry-wff-animF li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:rotateX(-80deg);transform:rotateX(-80deg);-webkit-animation:flip .8s ease-in-out forwards;animation:flip .8s ease-in-out forwards;}
@-webkit-keyframes flip{
	0%{}
	100%{-webkit-transform:rotateX(0deg);opacity:1;}
}
@keyframes flip{
	0%{}
	100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1;}
}

/*animation seven*/
.larry-wff-grid.larry-wff-animG{-webkit-perspective:1300px;perspective:1300px;}
.larry-wff-grid.larry-wff-animG li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-animation:helix .8s ease-in-out forwards;animation:helix .8s ease-in-out forwards;}
@-webkit-keyframes helix{
	0%{}
	100%{-webkit-transform:rotateY(0deg);opacity:1;}
}
@keyframes helix{
	0%{}
	100%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;}
}

/*animation eight*/

/* Effect 8:  */
.larry-wff-grid.larry-wff-animH{-webkit-perspective:1300px;perspective:1300px;}
.larry-wff-grid.larry-wff-animH li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:scale(0.4);transform:scale(0.4);-webkit-animation:popUp .8s ease-in forwards;animation:popUp .8s ease-in forwards;}
@-webkit-keyframes popUp{
	0%{}
	70%{-webkit-transform:scale(1.1);opacity:.8;-webkit-animation-timing-function:ease-out;}
	100%{-webkit-transform:scale(1);opacity:1;}
}
@keyframes popUp{
	0%{}
	70%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
	100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
}

/* 卡片面板 */
.larry-card{margin-bottom:15px;border-radius:2px;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);}
.larry-card:last-child{margin-bottom:0;}
.larry-card-header{position:relative;height:42px;line-height:42px;padding:0 15px;border-bottom:1px solid #f6f6f6;color:#333;border-radius:2px 2px 0 0;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.larry-card-body{position:relative;padding:10px 15px;line-height:24px;}
.larry-card-body[pad15]{padding:15px;}
.larry-card-body[pad20]{padding:20px;}
.larry-card-body .larry-table{margin:5px 0;}
,.larry-card-body .layui-table{margin:5px 0;}
.larry-card .larry-tab{margin:0;}
,.larry-card .layui-tab{margin:0;}
.larry-card-header.larry-title{display:block;padding:20px 15px;font-size:16px;color:#37474f;height:auto;line-height:20px;}
.larry-card-header.larry-title>*{color:#888;font-size:14px;line-height:20px;}

/*圆角css*/
.bradius-3{border-radius:3px;}
.bradius-5{border-radius:5px;}
.bradius-6{border-radius:6px;}
.bradius-8{border-radius:8px;}
.bradius-10{border-radius:10px;}
.bradius-15{border-radius:15px;}
.bradius-20{border-radius:20px;}
.bradius-25{border-radius:25px;}
.bradius-30{border-radius:30px;}
.bradius{border-radius:50%;}

/*外边距，内边距*/
.m5{margin:5px;}
.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.mb5{margin-bottom:5px;}
.ml5{margin-left:5px;}
.m6{margin:6px;}
.mt6{margin-top:6px;}
.mr6{margin-right:6px;}
.mb6{margin-bottom:6px;}
.ml6{margin-left:6px;}
.m8{margin:8px;}
.mt8{margin-top:8px;}
.mr8{margin-right:8px;}
.mb8{margin-bottom:8px;}
.ml8{margin-left:8px;}
.m10{margin:10px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.m15{margin:15px;}
.mt15{margin-top:15px;}
.mr15{margin-right:15px;}
.mb15{margin-bottom:15px;}
.ml15{margin-left:15px;}
.m20{margin:20px;}
.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}
.m25{margin:25px;}
.mt25{margin-top:25px;}
.mr25{margin-right:25px;}
.mb25{margin-bottom:25px;}
.ml25{margin-left:25px;}
.m30{margin:30px;}
.mt30{margin-top:30px;}
.mr30{margin-right:30px;}
.mb30{margin-bottom:30px;}
.ml30{margin-left:30px;}
.m40{margin:40px;}
.mt40{margin-top:40px;}
.mr40{margin-right:40px;}
.mb40{margin-bottom:40px;}
.ml40{margin-left:40px;}
.m50{margin:50px;}
.mt50{margin-top:50px;}
.mr50{margin-right:50px;}
.mb50{margin-bottom:50px;}
.ml50{margin-left:50px;}
.m60{margin:60px;}
.mt60{margin-top:60px;}
.mr60{margin-right:60px;}
.mb60{margin-bottom:60px;}
.ml60{margin-left:60px;}
.m70{margin:70px;}
.mt70{margin-top:70px;}
.mr70{margin-right:70px !important;}
.mb70{margin-bottom:70px;}
.ml70{margin-left:70px;}
.m80{margin:80px;}
.mt80{margin-top:80px;}
.mr80{margin-right:80px;}
.mb80{margin-bottom:80px;}
.ml80{margin-left:80px;}
.m90{margin:90px;}
.mt90{margin-top:90px;}
.mr90{margin-right:90px;}
.mb90{margin-bottom:90px;}
.ml90{margin-left:90px;}
.m100{margin:100px;}
.mt100{margin-top:100px;}
.mr100{margin-right:100px;}
.mb100{margin-bottom:100px;}
.ml100{margin-left:100px;}
.p5{padding:5px;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.pl5{padding-left:5px;}
.p8{padding:8px;}
.pt8{padding-top:8px;}
.pr8{padding-right:8px;}
.pb8{padding-bottom:8px;}
.pl8{padding-left:8px;}
.p10{padding:10px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px!important;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px!important;}
.p15{padding:15px;}
.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.pl15{padding-left:15px;}
.p20{padding:20px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.pl20{padding-left:20px;}
.p25{padding:25px;}
.pt25{padding-top:25px;}
.pr25{padding-right:25px;}
.pb25{padding-bottom:25px;}
.pl25{padding-left:25px;}
.p30{padding:30px;}
.pt30{padding-top:30px !important;}
.pr30{padding-right:30px !important;}
.pb30{padding-bottom:30px !important;}
.pl30{padding-left:30px !important;}
.p40{padding:40px;}
.pt40{padding-top:40px;}
.pr40{padding-right:40px;}
.pb40{padding-bottom:40px;}
.pl40{padding-left:40px;}
.p50{padding:50px;}
.pt50{padding-top:50px;}
.pr50{padding-right:50px;}
.pb50{padding-bottom:50px;}
.pl50{padding-left:50px;}
.p60{padding:60px;}
.pt60{padding-top:60px;}
.pr60{padding-right:60px;}
.pb60{padding-bottom:60px;}
.pl60{padding-left:60px;}
.p70{padding:70px;}
.pt70{padding-top:70px;}
.pr70{padding-right:70px;}
.pb70{padding-bottom:70px;}
.pl70{padding-left:70px;}
.p80{padding:80px;}
.pt80{padding-top:80px;}
.pr80{padding-right:80px;}
.pb80{padding-bottom:80px;}
.pl80{padding-left:80px;}
.p90{padding:90px;}
.pt90{padding-top:90px;}
.pr90{padding-right:90px;}
.pb90{padding-bottom:90px;}
.pl90{padding-left:90px;}
.p100{padding:100px;}
.pt100{padding-top:100px;}
.pr100{padding-right:100px;}
.pb100{padding-bottom:100px;}
.pl100{padding-left:100px;}
.bloder{font-weight:bold;}

/*form组件重写*/
.larry-form-item{margin-bottom:15px;clear:both;*zoom:1;}
.larry-form-item:after{content:'\20';clear:both;*zoom:1;display:block;height:0;}
.larry-form-label{position:relative;display:inline-block;vertical-align:top;padding:9px 5px 0px 15px;min-width:100px;font-weight:400;line-height:20px;font-size:14px;text-align:right;color:#333;}
.layui-form-item .larry-inline-block{margin-bottom:5px;margin-right:10px;position:relative;}

/** 表单 **/
.larry-input,.larry-textarea,.larry-select{height:38px;line-height:1.3;line-height:38px\9;border-width:1px;border-style:solid;background-color:#fff;border-radius:2px;}
.larry-input::-webkit-input-placeholder,.larry-textarea::-webkit-input-placeholder,.larry-select::-webkit-input-placeholder{line-height:1.3;}
.larry-input,.larry-textarea{display:block;width:100%;padding-left:10px;border-color:#E4EAEC;}
.larry-input:hover,.larry-textarea:hover{border-color:#D2D2D2;}
.larry-input:focus,.larry-textarea:focus{border-color:#D9D9D9;}
.larry-input.larry-input-shadow:focus,.larry-textarea.larry-textarea-shadow:focus{border-color:#79B2FC;box-shadow:1px 0px 8px #A4C9FA;}
.larry-textarea{position:relative;min-height:100px;height:auto;line-height:20px;padding:6px 10px;resize:vertical;}
.larry-select{padding:0 10px;}
.larry-form select,.larry-form input[type=checkbox],.larry-form input[type=radio]{display:none;}
.larry-form *[lay-ignore]{display:initial;}
.larry-form-item{margin-bottom:15px;clear:both;*zoom:1;box-sizing:border-box;}
.larry-form-item:after{content:'\20';clear:both;*zoom:1;display:block;height:0;}
.larry-form-label{position:relative;float:left;display:block;padding:9px 15px;width:80px;font-weight:400;line-height:20px;text-align:right;}
.larry-form-label-col{display:block;float:none;padding:9px 0;line-height:20px;text-align:left;}
.larry-form-item .larry-inline{margin-bottom:5px;margin-right:10px;}
.larry-input-block,.larry-input-inline{position:relative;}
.larry-input-block{margin-left:130px;min-height:36px;padding-right: 15px;}
.larry-input-inline{display:inline-block;vertical-align:middle;}
.larry-form-item .larry-input-inline{float:left;width:190px;margin-right:10px;}
.larry-form-text .larry-input-inline{width:auto;}
.larry-input,.larry-textarea,.larryms-input,.larryms-textarea{box-sizing:border-box;}
.larry-maxlength{position:absolute;bottom:0px;right:15px;display:inline-block;width:70px;vertical-align:middle;line-height:38px;text-align:right;font-size:12px;color:rgba(153,153,153,1);box-sizing:border-box;padding-right:10px;}
.larry-input.boxshadow-red:focus{border-color:#FE6E41;box-shadow:1px 0px 8px #F8D5CA;}
.larry-input.boxshadow-success:focus{border-color:#11C26D;box-shadow:1px 0px 8px #A6EBCA;}

/* 分割块 */
.larry-form-mid{position:relative;float:left;display:block;padding:9px 0!important;line-height:20px;margin-right:10px;}
.larry-word-aux{position:relative;display: inline-block;line-height:38px;margin-right:10px;color: #999;}
/* 警告域 */
.arry-input-shadow.larry-form-danger:focus,.larry-form-danger+.larry-form-select .larry-input{border-color:#FF5722!important;box-shadow:1px 0px 6px #FC7E82;}
.larry-form-danger:focus,.larry-form-danger+.larry-form-select .larry-input{border-color:#FF5722!important;}

/* 下拉选择 */
.larry-form-select{position:relative;}
.larry-form-select .larry-input{padding-right:30px;cursor:pointer;}
.larry-form-select .larry-edge {
	position: absolute;
	right: 10px;
	top: 50%;
	cursor: pointer;
	color: #666;
	transition: all .3s;
	-webkit-transition: all .3s;
	transform: translateY(-55%);
}

.larry-form-select dl {
	display: none;
	position: absolute;
	left: 0;
	top: 42px;
	padding: 5px 0;
	z-index: 899;
	min-width: 100%;
	border: 1px solid #d2d2d2;
	max-height: 300px;
	overflow-y: auto;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
	box-sizing: border-box;
}
.larry-form-select dl dt,.larry-form-select dl dd{padding:0 10px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.larry-form-select dl dt{font-size:12px;color:#999;}
.larry-form-select dl dd{cursor:pointer;}
.larry-form-select dl dd:hover{background-color:#f2f2f2;-webkit-transition:.5s all;transition:.5s all;}
.larry-form-select .larry-select-group dd{padding-left:20px;}
.larry-form-select dl dd.larry-select-tips{padding-left:10px!important;color:#999;}
.larry-form-select dl dd.larry-this{background-color:#5FB878;color:#fff;}
.larry-form-select dl dd.larry-disabled{background-color:#fff;}
.larry-form-selected dl{display:block;}
.larry-form-selected .larry-edge{margin-top:-15px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.larry-form-selected .larry-edge{margin-top:-10px\0;}
:root .larry-form-selected .larry-edge{margin-top:-9px\0/IE9;}
.larry-form-selectup dl{top:auto;bottom:42px;}
.larry-select-none{margin:5px 0;text-align:center;color:#999;}
.larry-select-disabled .larry-disabled{border-color:#eee!important;}
.larry-select-disabled .larry-edge{border-top-color:#d2d2d2}

/* 复选框 */
.larry-form-checkbox{position:relative;display:inline-block;vertical-align:middle;height:30px;line-height:30px;margin-right:10px;padding-right:30px;background-color:#fff;cursor:pointer;font-size:0;-webkit-transition:.1s linear;transition:.1s linear;box-sizing:border-box;}
.larry-form-checkbox:hover{}
.larry-form-checkbox *{display:inline-block;vertical-align:middle;}
.larry-form-checkbox span{padding:0 10px;height:100%;font-size:14px;border-radius:2px 0 0 2px;background-color:#d2d2d2;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.larry-form-checkbox:hover span{background-color:#c2c2c2;}
.larry-form-checkbox i{position:absolute;right:0;top:0;width:30px;height:28px;border:1px solid #d2d2d2;border-left:none;border-radius:0 2px 2px 0;color:#fff;font-size:20px;text-align:center;}
.larry-form-checkbox:hover i{border-color:#c2c2c2;color:#c2c2c2;}
.larry-form-checked,.larry-form-checked:hover{border-color:#5FB878;}
.larry-form-checked span,.larry-form-checked:hover span{background-color:#5FB878;}
.larry-form-checked i,.larry-form-checked:hover i{color:#5FB878;}
.larry-form-item .larry-form-checkbox{margin-top:4px;}

/* 复选框-原始风格 */
.larry-form-checkbox[lay-skin="primary"]{height:auto!important;line-height:normal!important;min-width:18px;min-height:18px;border:none!important;margin-right:0;padding-left:28px;padding-right:0;background:none;}
.larry-form-checkbox[lay-skin="primary"] span{padding-left:0;padding-right:15px;line-height:18px;background:none;color:#666;}
.larry-form-checkbox[lay-skin="primary"] i{right:auto;left:0;width:16px;height:16px;line-height:16px;border:1px solid #d2d2d2;font-size:12px;border-radius:2px;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear;}
.larry-form-checkbox[lay-skin="primary"]:hover i{border-color:#5FB878;color:#fff;}
.larry-form-checked[lay-skin="primary"] i{border-color:#5FB878;background-color:#5FB878;color:#fff;}
.larry-checkbox-disbaled[lay-skin="primary"] span{background:none!important;color:#c2c2c2;}
.larry-checkbox-disbaled[lay-skin="primary"]:hover i{border-color:#d2d2d2;}
.larry-form-item .larry-form-checkbox[lay-skin="primary"]{margin-top:10px;}

/* 复选框-开关风格 */
.larry-form-switch{position:relative;display:inline-block;vertical-align:middle;height:22px;line-height:22px;min-width:35px;padding:0 5px;margin-top:8px;border:1px solid #d2d2d2;border-radius:20px;cursor:pointer;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear;}
.larry-form-switch i{position:absolute;left:5px;top:3px;width:16px;height:16px;border-radius:20px;background-color:#d2d2d2;-webkit-transition:.1s linear;transition:.1s linear;}
.larry-form-switch em{position:relative;top:0;width:25px;margin-left:21px;padding:0!important;text-align:center!important;color:#999!important;font-style:normal!important;font-size:12px;}
.larry-form-onswitch{border-color:#5FB878;background-color:#5FB878;}
.larry-form-onswitch i{left:100%;margin-left:-21px;background-color:#fff;}
.larry-form-onswitch em{margin-left:5px;margin-right:21px;color:#fff!important;}
.larry-checkbox-disbaled{border-color:#e2e2e2!important;}
.larry-checkbox-disbaled span{background-color:#e2e2e2!important;}
.larry-checkbox-disbaled i{border-color:#e2e2e2!important;}
.larry-checkbox-disbaled:hover i{color:#fff!important;}

/* 单选框 */
*[lay-radio]{display:none;}
.larry-form-radio{display:inline-block;vertical-align:middle;line-height:28px;margin:6px 10px 0 0;padding-right:10px;cursor:pointer;font-size:0;}
.larry-form-radio *{display:inline-block;vertical-align:middle;font-size:14px;}
.larry-form-radio>i{margin-right:8px;font-size:22px;color:#c2c2c2;}
.larry-form-radioed>i,.larry-form-radio>i:hover{color:#5FB878;}
.larry-radio-disbaled>i{color:#e2e2e2!important;}

/* 表单方框风格 */
.larry-form-pane .larry-form-label{width:110px;padding:8px 15px;height:38px;line-height:20px;border-width:1px;border-style:solid;border-radius:2px 0 0 2px;text-align:center;background-color:#FBFBFB;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border: 1px solid #e6e6e6}
.larry-form-pane .larry-input-inline{margin-left:-1px;}
.larry-form-pane .larry-input-block{margin-left:110px;left: -1px;}
.larry-form-pane .larry-input{border-radius:0 2px 2px 0;}
.larry-form-pane .larry-form-text .larry-form-label{float:none;width:100%;border-radius:2px;box-sizing:border-box;text-align:left;}
.larry-form-pane .larry-form-text .larry-input-inline{display:block;margin:0;top:-1px;clear:both;}
.larry-form-pane .larry-form-text .larry-input-block{margin:0;left:0;top:-1px;}
.larry-form-pane .larry-form-text .larry-textarea{min-height:100px;border-radius:0 0 2px 2px;}
.larry-form-pane .larry-form-checkbox{margin:4px 0 4px 10px;}
.larry-form-pane .larry-form-switch,.larry-form-pane .larry-form-radio{margin-top:6px;margin-left:10px;}
.larry-form-pane .larry-form-item[pane]{position:relative;border-width:1px;border-style:solid;}
.larry-form-pane .larry-form-item[pane] .larry-form-label{position:absolute;left:0;top:0;height:100%;border-width:0px;border-right-width:1px;}
.larry-form-pane .larry-form-item[pane] .larry-input-inline{margin-left:110px;}

/** 表单响应式 **/
@media screen and (max-width:450px){
	.larry-form-item .larry-form-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.larry-form-item .larry-inline{display:block;margin-right:0;margin-bottom:20px;clear:both;}
	.larry-form-item .larry-inline:after{content:'\20';clear:both;display:block;height:0;}
	.larry-form-item .larry-input-inline{display:block;float:none;left:-3px;width:auto;margin:0 0 10px 112px;}
	.larry-form-item .larry-input-inline+.larry-form-mid{margin-left:110px;top:-5px;padding:0;}
	.larry-form-item .larry-form-checkbox{margin-right:5px;margin-bottom:5px;}
}
.larry-input.larry-verify-anim{transition:all .3s;}
.larry-input.larry-verify-anim:focus{display:inline-block;vertical-align:top;width:60%!important;}
.larry-span-tips{display:inline-block;vertical-align:top;line-height:38px;text-align:left;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#ff5722;transition:all .3s;}
.larry-input.larry-verify-anim+.larry-span-tips{position:absolute;top:0px;left:60%;}
.larry-input-block .larry-showpwd,.larry-inline-block .larry-showpwd{display:block;width:40px;height:38px;line-height:38px;position:absolute;top:0px;right:15px;text-align:center;font-size:20px;cursor:pointer;}
.larry-input-block .larry-showpwd>i,.larry-inline-block .larry-showpwd>i{font-size:20px;}
.larry-strength{display:inline-block;vertical-align:top;height:36px;color:#999;line-height:36px;padding-right:0px;text-align:right;float:right;}
.larry-strength span{display:inline-block;vertical-align:top;font-size:12px;line-height:36px;}
.larry-strength b{display:inline-block;vertical-align:top;font-style:normal;line-height:36px;}
.larry-strength b i{display:inline-block;vertical-align:top;font-style:normal;font-size:10px;width:34px;height:16px;margin-top:10px;line-height:16px;background:#dbdbdb;text-align:center;margin-left:1px;color:#fff;}
.larry-strength b i.on{background:#0BBE5C;}

/*larry按钮系列*/
.button-list{box-sizing:border-box;overflow:hidden;}
.larry-btn:not(:disabled):not(.disabled){cursor:pointer;}
.larry-btn{margin-bottom:15px;margin-right:15px;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;user-select:none;border:1px solid transparent;border-radius:0.15rem;outline:none;-webkit-appearance:none;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box;background:#009688;color:#fff;}

/*按钮主题颜色*/
.larry-btn-primary{color:#fff;background-color:#188ae2;border-color:#188ae2;}
.larry-btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d;}
.larry-btn-success{color:#fff;background-color:#31ce77;border-color:#31ce77;}
.larry-btn-danger{color:#fff;background-color:#f34943;border-color:#f34943;}
.larry-btn-warning{color:#3b3e47;background-color:#fbcc5c;border-color:#fbcc5c;}
.larry-btn-info{color:#fff;background-color:#35b8e0;border-color:#35b8e0;}
.larry-btn-light{color:#3b3e47;background-color:#f3f6f8;border-color:#f3f6f8;}
.larry-btn-dark{color:#fff;background-color:#3b3e47;border-color:#3b3e47;}
.larry-btn-link{font-weight:400;color:#188ae2;background-color:transparent;}
.larry-btn-gray{color:#5F5F5F;background-color:#F3F5F7;border-color:#E3E3E3;}
/*边框色*/
.larry-btn-outline-primary{color:#188ae2;background-color:transparent;background-image:none;border-color:#188ae2;}
.larry-btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d;}
.larry-btn-outline-success{color:#31ce77;background-color:transparent;background-image:none;border-color:#31ce77;}
.larry-btn-outline-danger{color:#f34943;background-color:transparent;background-image:none;border-color:#f34943;}
.larry-btn-outline-warning{color:#fbcc5c;background-color:transparent;background-image:none;border-color:#fbcc5c;}
.larry-btn-outline-info{color:#35b8e0;background-color:transparent;background-image:none;border-color:#35b8e0;}
.larry-btn-outline-light{color:#f3f6f8;background-color:transparent;background-image:none;border-color:#f3f6f8;}
.larry-btn-outline-dark{color:#3b3e47;background-color:transparent;background-image:none;border-color:#3b3e47;}
.larry-btn-outline-link{color:#188ae2;background-color:transparent;background-image:none;border-color:#188ae2;}

/*圆角*/
.larry-btn.radius{border-radius:2em;}

/*hover*/
.larry-btn-primary:hover{background:#1475BF;color:#fff;}
.larry-btn-secondary:hover{background:#5A6268;color:#fff;}
.larry-btn-success:hover{background:#2AAF65;color:#fff;}
.larry-btn-danger:hover{background:#F1261F;color:#fff;}
.larry-btn-warning:hover{background:#FAC037;color:#fff;}
.larry-btn-info:hover{background:#20A6CF;color:#fff;}
.larry-btn-dark:hover{background:#2A2C32;color:#fff;}
.larry-btn-light:hover{background:#C8D0D6;color:#fff;}
.larry-btn-link{color:#11609D;}
.larry-btn-outline-primary:hover{background:#188AE2;color:#fff;}
.larry-btn-outline-secondary:hover{background:#6C757D;color:#fff;}
.larry-btn-outline-success:hover{background:#31CE77;color:#fff;}
.larry-btn-outline-danger:hover{background:#F34943;color:#fff;}
.larry-btn-outline-warning:hover{background:#FBCC5C;color:#3B3E47;}
.larry-btn-outline-info:hover{background:#35B8E0;color:#fff;}
.larry-btn-outline-dark:hover{background:#3B3E47;color:#fff;}
.larry-btn-outline-light:hover{background:#A5A7A8;color:#f2f2f2;}
.larry-btn-outline-link:hover{background:#188ae2;color:#ffffff;}

/*this*/
.larry-this.larry-btn-primary{background:#1475BF;}
.larry-this.larry-btn-secondary{background:#5A6268;}
.larry-this.larry-btn-success{background:#2AAF65;}
.larry-this.larry-btn-danger{background:#F1261F;}
.larry-this.larry-btn-warning{background:#FAC037;}
.larry-this.larry-btn-info{background:#20A6CF;}
.larry-this.larry-btn-dark{background:#2A2C32;}
.larry-this.larry-btn-light{background:#C8D0D6;}
.larry-this.larry-btn-link{color:#11609D;}
.larry-this.larry-btn-outline-primary{background:#188AE2;color:#fff;}
.larry-this.larry-btn-outline-secondary{background:#6C757D;color:#fff;}
.larry-this.larry-btn-outline-success{background:#31CE77;color:#fff;}
.larry-this.larry-btn-outline-danger{background:#F34943;color:#fff;}
.larry-this.larry-btn-outline-warning{background:#FBCC5C;color:#3B3E47;}
.larry-this.larry-btn-outline-info{background:#35B8E0;color:#fff;}
.larry-this.larry-btn-outline-dark{background:#3B3E47;color:#fff;}
.larry-this.larry-btn-outline-light{background:#A5A7A8;color:#f2f2f2;}
.larry-this.larry-btn-outline-link{background:#188ae2;color:#ffffff;}
.larry-btn.layui-btn-primary{border:1px solid #C9C9C9;background-color:#fff;color:#555;padding:0px 18px;}
.larry-btn.layui-btn-primary:hover{border-color:#009688;color:#333;}

/*尺寸宽度定义*/
.w-xs{min-width:80px;}
.w-sm{min-width:95px;}
.w-md{min-width:110px;}
.w-lg{min-width:140px;}
.w-full{display:block;width:100%;box-sizing:border-box!important;}

/*尺寸大小定义*/
.larry-btn{font-size:14px;height:36px;line-height:36px;padding:0 12px;}
.larry-btn-xs{height:24px;line-height:24px;padding:0 6px;font-size:12px;}
.larry-btn-sm{height:32px;line-height:32px;padding:0 10px;font-size:12px;}
.larry-btn-lg{height:44px;line-height:44px;padding:0px 30px;font-size:16px;}
.larry-btn i,.larry-btn-md i{font-size:16px!important;line-height:36px!important;padding-right:3px;display:inline-block;}
.larry-btn i+cite{padding-left:3px;}
.larry-btn cite+i{padding-left:5px;}
.larry-btn-sm i{font-size:14px!important;line-height:30px!important;}
.larry-btn-xs i{font-size:14px!important;line-height:20px!important;}
.larry-btn-lg i{font-size:18px!important;line-height:46px!important;}

/*禁用按钮*/
.larry-disabled{opacity:0.65;}
.larry-disabled:hover{color:#d2d2d2;cursor:not-allowed!important;}
.larry-btn-warning.larry-disabled{color:#3b3e47!important;background-color:#fbcc5c!important;border-color:#fbcc5c!important;}

/*按钮组*/
.larry-btn-group{position:relative;display:inline-block;vertical-align:top;font-size:0;margin-right:10px;}
.larry-btn-group .layui-btn,.larry-btn-group .larry-btn{margin-left:0!important;margin-right:0!important;border-left:1px solid rgba(255,255,255,.5);border-radius:0;}
.larry-btn-group .layui-btn-primary,.larry-btn-group .larry-btn-primary{border-left:none;}
.larry-btn-group .layui-btn-primary:hover,.larry-btn-group .larry-btn-primary:hover{border-color:#C9C9C9;color:#009688;}
.larry-btn-group .layui-btn:first-child,.larry-btn-group .larry-btn:first-child{border-left:none;border-radius:2px 0 0 2px;}
.larry-btn-group .layui-btn-primary:first-child,.larry-btn-group .larry-btn-primary:first-child{border-left:1px solid #c9c9c9;}
.larry-btn-group .layui-btn:last-child,.larry-btn-group .larry-btn:last-child{border-radius:0 2px 2px 0;}
.larry-btn-group .layui-btn+.layui-btn,.larry-btn-group .larry-btn+.larry-btn{margin-left:0;}
.larry-btn-group+.larry-btn-group,.larry-btn-group+.layui-btn-group,.layui-btn-group+.larry-btn-group{margin-right:10px;}
.larry-btn-fluid{width:100%;}

/*混合组*/
.layui-btn-group .larry-btn{margin-left:0!important;margin-right:0!important;border-left:1px solid rgba(255,255,255,.5);border-radius:0;}
.layui-btn-group .larry-btn-primary{border-left:none;}
.layui-btn-group .larry-btn-primary:hover{border-color:#C9C9C9;color:#009688;}
.layui-btn-group .larry-btn:first-child{border-left:none;border-radius:2px 0 0 2px;}
.layui-btn-group .larry-btn-primary:first-child{border-left:1px solid #c9c9c9;}
.layui-btn-group .larry-btn:last-child{border-radius:0 2px 2px 0;}
.layui-btn-group .larry-btn+.larry-btn{margin-left:0;}

/*下拉*/
.larry-dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:6px;vertical-align:5%;content:"";border-top:6px solid;border-right:6px solid transparent;border-bottom:0;border-left:6px solid transparent;}
.larry-dropdown-menu{display:none;position:absolute;top:36px;left:0px;width:100%;z-index:999;transition:all 0.2s;}
.larry-btn-group:hover>.larry-dropdown-toggle+.larry-dropdown-menu{display:block;}
.larry-dropdown-menu .larry-btn{display:block;margin-bottom:0px;box-sizing:border-box;}
.larry-dropdown-menu .larry-btn:hover{color:#fff;}

/*inline-block对齐方式*/
.v-top{display:inline-block;vertical-align:top!important;}
.v-middle{display:inline-block;vertical-align:middle!important;}
.v-bottom{display:inline-block;vertical-align:bottom!important;}

/*彩带条*/
.larry-ribbon-box{position:relative;box-shadow:0px 10px 35px 0px rgba(154,161,171,0.1);}
.larry-ribbon-custom{background:#fff;border:1px solid #eee;}

/*基本*/
.larry-ribbon{display:block;vertical-align:top;width:auto;min-height:70px;position:relative;}
.larry-ribbon-content{position:absolute;top:20px;left:-1px;color:#fff;background:#019486;min-width:80px;line-height:30px;font-size:14px;padding:0px 12px;margin-bottom:20px;border-radius:1px;}

/*方向 默认水平 垂直*/
.larry-ribbon-reverse>.larry-ribbon-content{position:static;float:right;text-align:right;}
.larry-ribbon.larry-ribbon-vertical{display:inline-block;width:50px;height:160px;overflow-x:hidden;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-content{display:block;width:30px;writing-mode:vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/writing-mode:tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/font-size:16px;vertical-align:middle;font-weight:400;position:absolute;top:0px;left:15px;letter-spacing:5px;text-align:center;padding:20px 2px;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-content>i{display:block;font-size:24px;margin-top:10px;}
.larry-ribbon.larry-ribbon-vertical.larry-ribbon-reverse{position:absolute;top:0px;right:15px!important;margin-top:0px;overflow:hidden;}
.larry-ribbon.larry-ribbon-vertical.larry-ribbon-reverse>.larry-ribbon-content{position:absolute;top:0px;left:15px;margin-top:0px!important;}
.larry-ribbon.larry-ribbon-bottom{width:100%;position:absolute;bottom:0px;left:0px;}

/*立体*/
.larry-ribbon-shadow{position:absolute;left:-15px;padding-left:20px;box-shadow:2px 5px 10px rgba(59,62,71,0.20);}
.larry-ribbon-shadow:before{content:" ";border-style:solid;border-width:15px;display:block;position:absolute;bottom:-15px;left:0;margin-bottom:-15px;z-index:-1;border-color:#019486 transparent transparent;}
.larry-ribbon-custom:hover .larry-ribbon-shadow:before{transform:translate(0,0);}
.larry-ribbon.larry-ribbon-bottom>.larry-ribbon-shadow.larry-ribbon-left:before{top:auto;bottom:45px;border:8px solid transparent;border-top-color:transparent;border-bottom-color:#019486;border-right-color:#019486;}

/*书签*/
.larry-ribbon-content.larry-ribbon-bookmark{padding-right:30px;box-shadow:none}
.larry-ribbon-content.larry-ribbon-bookmark{background-color:transparent;background-image:-webkit-linear-gradient(right,transparent 22px,#019486 0);background-image:-moz-linear-gradient(right,transparent 22px,#019486 0);background-image:-ms-linear-gradient(right,transparent 22px,#019486 0);background-image:linear-gradient(to left,transparent 22px,#019486 0);}
.larry-ribbon-content.larry-ribbon-bookmark:before{content:'';position:absolute;top:0;right:0;display:block;width:0;height:0;border:15px solid #019486;border-right:10px solid transparent;}
.larry-ribbon.larry-ribbon-reverse>.larry-ribbon-bookmark{padding-right:15px;padding-left:25px;background-image:-webkit-linear-gradient(left,transparent 22px,#019486 0);background-image:-moz-linear-gradient(left,transparent 22px,#019486 0);background-image:-ms-linear-gradient(left,transparent 22px,#019486 0);background-image:linear-gradient(to right,transparent 22px,#019486 0);position:relative;}
.larry-ribbon.larry-ribbon-reverse>.larry-ribbon-bookmark:before{left:0;border:15px solid #019486;border-left:10px solid transparent;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-bookmark{height:80px;padding-right:0;padding-bottom:35px;background-image:-webkit-linear-gradient(bottom,transparent 22px,#019486 0);background-image:-moz-linear-gradient(bottom,transparent 22px,#019486 0);background-image:-ms-linear-gradient(bottom,transparent 22px,#019486 0);background-image:linear-gradient(to top,transparent 22px,#019486 0);position:relative;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-bookmark:before{top:auto;bottom:0;left:0;margin-top:-15px;border-right:20px solid #019486;border-bottom:10px solid transparent}

/*徽章*/
.larry-ribbon.larry-ribbon-badge{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right;}
.larry-ribbon.larry-ribbon-badge>*{font-size:13px;color:#fff;font-family:"Libre Franklin",sans-serif;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;box-shadow:0 0 8px 0 rgba(0,0,0,0.06),0 1px 0 0 rgba(0,0,0,0.02);position:absolute;top:19px;left:-21px;font-weight:600;}
.larry-ribbon.larry-ribbon-badge>*:before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #019486;border-top:3px solid #019486;border-right:3px solid transparent;border-bottom:3px solid transparent;}
.larry-ribbon.larry-ribbon-badge>*:after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-right:3px solid #019486;border-top:3px solid #019486;border-left:3px solid transparent;border-bottom:3px solid transparent;}

/*角标*/
.larry-ribbon.larry-ribbon-corner{width:100px;height:100px;text-align:center;background-color:transparent;position:absolute;top:0;left:0;overflow:hidden;box-sizing:border-box;color:#fff;}
.larry-ribbon.larry-ribbon-corner>*:before{content:'.';position:absolute;top:0;left:0;width:0;height:0;border:35px solid transparent;border-top-color:#019486;border-left-color:#019486;box-sizing:border-box;z-index:-1;}
.larry-ribbon.larry-ribbon-corner>*{position:absolute;top:0;left:0;width:40px;height:40px;padding:0;line-height:40px;text-align:center;background-color:transparent;color:#fff;padding:0px;font-size:14px;font-weight:550;z-index:3;}
.larry-ribbon.larry-ribbon-corner i{display:block;width:100%;height:100%;font-size:26px;font-weight:560;line-height:40px;text-align:center;vertical-align:middle;position:absolute;top:5px;}

/*主题*/
.larry-ribbon-success{background:#11C26D;}
.larry-ribbon-primary{background:#188AE2;}
.larry-ribbon-dark{background:#3B3E47;}
.larry-ribbon-info{background:#35B8E0;}
.larry-ribbon-warning{background:#FBCC5C;}
.larry-ribbon-danger{background:#ff5722;}
.larry-ribbon-green{background:#019486;}
.larry-ribbon-lightdark{background:#526069;}
.larry-ribbon-blue{background:#1E9FFF;}
.larry-ribbon-brightblue{background:#3E8EF7;}
.larry-ribbon-purple{background:#D6359A;}

/*书签左侧*/
.larry-ribbon-success.larry-ribbon-bookmark{background-color:transparent;background-image:-webkit-linear-gradient(right,transparent 22px,#11C26D 0);background-image:-moz-linear-gradient(right,transparent 22px,#11C26D 0);background-image:-ms-linear-gradient(right,transparent 22px,#11C26D 0);background-image:linear-gradient(to left,transparent 22px,#11C26D 0);}
.larry-ribbon-success.larry-ribbon-bookmark:before{border:15px solid #11C26D;border-right:10px solid transparent;}
.larry-ribbon-primary.larry-ribbon-bookmark{background-color:transparent;background-image:-webkit-linear-gradient(right,transparent 22px,#188AE2 0);background-image:-moz-linear-gradient(right,transparent 22px,#188AE2 0);background-image:-ms-linear-gradient(right,transparent 22px,#188AE2 0);background-image:linear-gradient(to left,transparent 22px,#188AE2 0);}
.larry-ribbon-primary.larry-ribbon-bookmark:before{border:15px solid #188AE2;border-right:10px solid transparent;}
.larry-ribbon-dark.larry-ribbon-bookmark{background-image:-webkit-linear-gradient(right,transparent 22px,#3B3E47 0);background-image:-moz-linear-gradient(right,transparent 22px,#3B3E47 0);background-image:-ms-linear-gradient(right,transparent 22px,#3B3E47 0);background-image:linear-gradient(to left,transparent 22px,#3B3E47 0);}
.larry-ribbon-dark.larry-ribbon-bookmark:before{border:15px solid #3B3E47;border-right:10px solid transparent;}
.larry-ribbon-info.larry-ribbon-bookmark{background-image:-webkit-linear-gradient(right,transparent 22px,#35B8E0 0);background-image:-moz-linear-gradient(right,transparent 22px,#35B8E0 0);background-image:-ms-linear-gradient(right,transparent 22px,#35B8E0 0);background-image:-o-linear-gradient(right,transparent 22px,#35B8E0 0);background-image:linear-gradient(to left,transparent 22px,#35B8E0 0);}
.larry-ribbon-info.larry-ribbon-bookmark:before{border:15px solid #35B8E0;border-right:10px solid transparent;}
.larry-ribbon-warning.larry-ribbon-bookmark{background-image:-webkit-linear-gradient(right,transparent 22px,#FBCC5C 0);background-image:-moz-linear-gradient(right,transparent 22px,#FBCC5C 0);background-image:-ms-linear-gradient(right,transparent 22px,#FBCC5C 0);background-image:-o-linear-gradient(right,transparent 22px,#FBCC5C 0);background-image:linear-gradient(to left,transparent 22px,#FBCC5C 0);}
.larry-ribbon-warning.larry-ribbon-bookmark:before{border:15px solid #FBCC5C;border-right:10px solid transparent;}
.larry-ribbon-danger.larry-ribbon-bookmark{background-image:-webkit-linear-gradient(right,transparent 22px,#ff5722 0);background-image:-moz-linear-gradient(right,transparent 22px,#ff5722 0);background-image:-ms-linear-gradient(right,transparent 22px,#ff5722 0);background-image:linear-gradient(to left,transparent 22px,#ff5722 0);}
.larry-ribbon-danger.larry-ribbon-bookmark:before{border:15px solid #ff5722;border-right:10px solid transparent;}
.larry-ribbon-lightdark.larry-ribbon-bookmark{background-image:-webkit-linear-gradient(right,transparent 22px,#526069 0);background-image:-moz-linear-gradient(right,transparent 22px,#526069 0);background-image:-ms-linear-gradient(right,transparent 22px,#526069 0);background-image:linear-gradient(to left,transparent 22px,#526069 0);}
.larry-ribbon-lightdark.larry-ribbon-bookmark:before{border:15px solid #526069;border-right:10px solid transparent;}
.larry-ribbon-blue.larry-ribbon-bookmark{background-image:-webkit-linear-gradient(right,transparent 22px,#1E9FFF 0);background-image:-moz-linear-gradient(right,transparent 22px,#1E9FFF 0);background-image:-ms-linear-gradient(right,transparent 22px,#1E9FFF 0);background-image:linear-gradient(to left,transparent 22px,#1E9FFF 0);}
.larry-ribbon-blue.larry-ribbon-bookmark:before{border:15px solid #1E9FFF;border-right:10px solid transparent;}
.larry-ribbon-brightblue.larry-ribbon-bookmark{background-image:-webkit-linear-gradient(right,transparent 22px,#3E8EF7 0);background-image:-moz-linear-gradient(right,transparent 22px,#3E8EF7 0);background-image:-ms-linear-gradient(right,transparent 22px,#3E8EF7 0);background-image:linear-gradient(to left,transparent 22px,#3E8EF7 0);}
.larry-ribbon-brightblue.larry-ribbon-bookmark:before{border:15px solid #3E8EF7;border-right:10px solid transparent;}
.larry-ribbon-purple.larry-ribbon-bookmark{background-image:-webkit-linear-gradient(right,transparent 22px,#D6359A 0);background-image:-moz-linear-gradient(right,transparent 22px,#D6359A 0);background-image:-ms-linear-gradient(right,transparent 22px,#D6359A 0);background-image:linear-gradient(to left,transparent 22px,#D6359A 0);}
.larry-ribbon-purple.larry-ribbon-bookmark:before{border:15px solid #D6359A;border-right:10px solid transparent;}

/*书签右侧*/
.larry-ribbon-reverse>.larry-ribbon-success.larry-ribbon-bookmark{padding-right:20px;padding-left:25px;background-image:-webkit-linear-gradient(left,transparent 22px,#11C26D 0);background-image:-moz-linear-gradient(left,transparent 22px,#11C26D 0);background-image:-ms-linear-gradient(left,transparent 22px,#11C26D 0);background-image:linear-gradient(to right,transparent 22px,#11C26D 0);position:relative;}
.larry-ribbon.larry-ribbon-reverse>.larry-ribbon-success.larry-ribbon-bookmark:before{left:0;border:15px solid #11C26D;border-left:10px solid transparent;}
.larry-ribbon-reverse>.larry-ribbon-primary.larry-ribbon-bookmark{padding-right:20px;padding-left:25px;background-image:-webkit-linear-gradient(left,transparent 22px,#188AE2 0);background-image:-moz-linear-gradient(left,transparent 22px,#188AE2 0);background-image:-ms-linear-gradient(left,transparent 22px,#188AE2 0);background-image:linear-gradient(to right,transparent 22px,#188AE2 0);position:relative;}
.larry-ribbon.larry-ribbon-reverse>.larry-ribbon-primary.larry-ribbon-bookmark:before{left:0;border:15px solid #188AE2;border-left:10px solid transparent;}
.larry-ribbon-reverse>.larry-ribbon-dark.larry-ribbon-bookmark{padding-right:20px;padding-left:25px;background-image:-webkit-linear-gradient(left,transparent 22px,#3B3E47 0);background-image:-moz-linear-gradient(left,transparent 22px,#3B3E47 0);background-image:-ms-linear-gradient(left,transparent 22px,#3B3E47 0);background-image:linear-gradient(to right,transparent 22px,#3B3E47 0);position:relative;}
.larry-ribbon.larry-ribbon-reverse>.larry-ribbon-dark.larry-ribbon-bookmark:before{left:0;border:15px solid #3B3E47;border-left:10px solid transparent;}
.larry-ribbon-reverse>.larry-ribbon-info.larry-ribbon-bookmark{padding-right:20px;padding-left:25px;background-image:-webkit-linear-gradient(left,transparent 22px,#35B8E0 0);background-image:-moz-linear-gradient(left,transparent 22px,#35B8E0 0);background-image:-ms-linear-gradient(left,transparent 22px,#35B8E0 0);background-image:linear-gradient(to right,transparent 22px,#35B8E0 0);position:relative;}
.larry-ribbon.larry-ribbon-reverse>.larry-ribbon-info.larry-ribbon-bookmark:before{left:0;border:15px solid #35B8E0;border-left:10px solid transparent;}
.larry-ribbon-reverse>.larry-ribbon-warning.larry-ribbon-bookmark{padding-right:20px;padding-left:25px;background-image:-webkit-linear-gradient(left,transparent 22px,#FBCC5C 0);background-image:-moz-linear-gradient(left,transparent 22px,#FBCC5C 0);background-image:-ms-linear-gradient(left,transparent 22px,#FBCC5C 0);background-image:linear-gradient(to right,transparent 22px,#FBCC5C 0);position:relative;}
.larry-ribbon.larry-ribbon-reverse>.larry-ribbon-warning.larry-ribbon-bookmark:before{left:0;border:15px solid #FBCC5C;border-left:10px solid transparent;}
.larry-ribbon-reverse>.larry-ribbon-danger.larry-ribbon-bookmark{padding-right:20px;padding-left:25px;background-image:-webkit-linear-gradient(left,transparent 22px,#ff5722 0);background-image:-moz-linear-gradient(left,transparent 22px,#ff5722 0);background-image:-ms-linear-gradient(left,transparent 22px,#ff5722 0);background-image:linear-gradient(to right,transparent 22px,#ff5722 0);position:relative;}
.larry-ribbon.larry-ribbon-reverse>.larry-ribbon-danger.larry-ribbon-bookmark:before{left:0;border:15px solid #ff5722;border-left:10px solid transparent;}
.larry-ribbon-reverse>.larry-ribbon-lightdark.larry-ribbon-bookmark{padding-right:20px;padding-left:25px;background-image:-webkit-linear-gradient(left,transparent 22px,#526069 0);background-image:-moz-linear-gradient(left,transparent 22px,#526069 0);background-image:-ms-linear-gradient(left,transparent 22px,#526069 0);background-image:linear-gradient(to right,transparent 22px,#526069 0);position:relative;}
.larry-ribbon.larry-ribbon-reverse>.larry-ribbon-lightdark.larry-ribbon-bookmark:before{left:0;border:15px solid #526069;border-left:10px solid transparent;}
.larry-ribbon-reverse>.larry-ribbon-blue.larry-ribbon-bookmark{padding-right:20px;padding-left:25px;background-image:-webkit-linear-gradient(left,transparent 22px,#1E9FFF 0);background-image:-moz-linear-gradient(left,transparent 22px,#1E9FFF 0);background-image:-ms-linear-gradient(left,transparent 22px,#1E9FFF 0);background-image:linear-gradient(to right,transparent 22px,#1E9FFF 0);position:relative;}
.larry-ribbon.larry-ribbon-reverse>.larry-ribbon-blue.larry-ribbon-bookmark:before{left:0;border:15px solid #1E9FFF;border-left:10px solid transparent;}
.larry-ribbon-reverse>.larry-ribbon-brightblue.larry-ribbon-bookmark{padding-right:20px;padding-left:25px;background-image:-webkit-linear-gradient(left,transparent 22px,#3E8EF7 0);background-image:-moz-linear-gradient(left,transparent 22px,#3E8EF7 0);background-image:-ms-linear-gradient(left,transparent 22px,#3E8EF7 0);background-image:linear-gradient(to right,transparent 22px,#3E8EF7 0);position:relative;}
.larry-ribbon.larry-ribbon-reverse>.larry-ribbon-brightblue.larry-ribbon-bookmark:before{left:0;border:15px solid #3E8EF7;border-left:10px solid transparent;}
.larry-ribbon-reverse>.larry-ribbon-purple.larry-ribbon-bookmark{padding-right:20px;padding-left:25px;background-image:-webkit-linear-gradient(left,transparent 22px,#D6359A 0);background-image:-moz-linear-gradient(left,transparent 22px,#D6359A 0);background-image:-ms-linear-gradient(left,transparent 22px,#D6359A 0);background-image:linear-gradient(to right,transparent 22px,#D6359A 0);position:relative;}
.larry-ribbon.larry-ribbon-reverse>.larry-ribbon-purple.larry-ribbon-bookmark:before{left:0;border:15px solid #D6359A;border-left:10px solid transparent;}

/*书签垂直*/
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-success.larry-ribbon-bookmark{height:82px;padding-right:0;padding-bottom:35px;background-image:-webkit-linear-gradient(bottom,transparent 22px,#11C26D 0);background-image:-moz-linear-gradient(bottom,transparent 22px,#11C26D 0);background-image:-ms-linear-gradient(bottom,transparent 22px,#11C26D 0);background-image:linear-gradient(to top,transparent 22px,#11C26D 0);position:relative;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-success.larry-ribbon-bookmark:before{top:auto;bottom:0;left:0;margin-top:-15px;border-right:20px solid #11C26D;border-bottom:10px solid transparent}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-primary.larry-ribbon-bookmark{height:82px;padding-right:0;padding-bottom:35px;background-image:-webkit-linear-gradient(bottom,transparent 22px,#188AE2 0);background-image:-moz-linear-gradient(bottom,transparent 22px,#188AE2 0);background-image:-ms-linear-gradient(bottom,transparent 22px,#188AE2 0);background-image:linear-gradient(to top,transparent 22px,#188AE2 0);position:relative;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-primary.larry-ribbon-bookmark:before{top:auto;bottom:0;left:0;margin-top:-15px;border-right:20px solid #188AE2;border-bottom:10px solid transparent}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-dark.larry-ribbon-bookmark{height:82px;padding-right:0;padding-bottom:35px;background-image:-webkit-linear-gradient(bottom,transparent 22px,#3B3E47 0);background-image:-moz-linear-gradient(bottom,transparent 22px,#3B3E47 0);background-image:-ms-linear-gradient(bottom,transparent 22px,#3B3E47 0);background-image:linear-gradient(to top,transparent 22px,#3B3E47 0);position:relative;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-dark.larry-ribbon-bookmark:before{top:auto;bottom:0;left:0;margin-top:-15px;border-right:20px solid #3B3E47;border-bottom:10px solid transparent}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-info.larry-ribbon-bookmark{height:82px;padding-right:0;padding-bottom:35px;background-image:-webkit-linear-gradient(bottom,transparent 22px,#35B8E0 0);background-image:-moz-linear-gradient(bottom,transparent 22px,#35B8E0 0);background-image:-ms-linear-gradient(bottom,transparent 22px,#35B8E0 0);background-image:linear-gradient(to top,transparent 22px,#35B8E0 0);position:relative;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-info.larry-ribbon-bookmark:before{top:auto;bottom:0;left:0;margin-top:-15px;border-right:20px solid #35B8E0;border-bottom:10px solid transparent}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-warning.larry-ribbon-bookmark{height:82px;padding-right:0;padding-bottom:35px;background-image:-webkit-linear-gradient(bottom,transparent 22px,#FBCC5C 0);background-image:-moz-linear-gradient(bottom,transparent 22px,#FBCC5C 0);background-image:-ms-linear-gradient(bottom,transparent 22px,#FBCC5C 0);background-image:linear-gradient(to top,transparent 22px,#FBCC5C 0);position:relative;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-warning.larry-ribbon-bookmark:before{top:auto;bottom:0;left:0;margin-top:-15px;border-right:20px solid #FBCC5C;border-bottom:10px solid transparent}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-danger.larry-ribbon-bookmark{height:82px;padding-right:0;padding-bottom:35px;background-image:-webkit-linear-gradient(bottom,transparent 22px,#ff5722 0);background-image:-moz-linear-gradient(bottom,transparent 22px,#ff5722 0);background-image:-ms-linear-gradient(bottom,transparent 22px,#ff5722 0);background-image:linear-gradient(to top,transparent 22px,#ff5722 0);position:relative;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-danger.larry-ribbon-bookmark:before{top:auto;bottom:0;left:0;margin-top:-15px;border-right:20px solid #ff5722;border-bottom:10px solid transparent}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-green.larry-ribbon-bookmark{height:82px;padding-right:0;padding-bottom:35px;background-image:-webkit-linear-gradient(bottom,transparent 22px,#019486 0);background-image:-moz-linear-gradient(bottom,transparent 22px,#019486 0);background-image:-ms-linear-gradient(bottom,transparent 22px,#019486 0);background-image:linear-gradient(to top,transparent 22px,#019486 0);position:relative;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-green.larry-ribbon-bookmark:before{top:auto;bottom:0;left:0;margin-top:-15px;border-right:20px solid #019486;border-bottom:10px solid transparent}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-lightdark.larry-ribbon-bookmark{height:82px;padding-right:0;padding-bottom:35px;background-image:-webkit-linear-gradient(bottom,transparent 22px,#526069 0);background-image:-moz-linear-gradient(bottom,transparent 22px,#526069 0);background-image:-ms-linear-gradient(bottom,transparent 22px,#526069 0);background-image:linear-gradient(to top,transparent 22px,#526069 0);position:relative;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-lightdark.larry-ribbon-bookmark:before{top:auto;bottom:0;left:0;margin-top:-15px;border-right:20px solid #526069;border-bottom:10px solid transparent}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-blue.larry-ribbon-bookmark{height:82px;padding-right:0;padding-bottom:35px;background-image:-webkit-linear-gradient(bottom,transparent 22px,#1E9FFF 0);background-image:-moz-linear-gradient(bottom,transparent 22px,#1E9FFF 0);background-image:-ms-linear-gradient(bottom,transparent 22px,#1E9FFF 0);background-image:linear-gradient(to top,transparent 22px,#1E9FFF 0);position:relative;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-blue.larry-ribbon-bookmark:before{top:auto;bottom:0;left:0;margin-top:-15px;border-right:20px solid #1E9FFF;border-bottom:10px solid transparent}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-brightblue.larry-ribbon-bookmark{height:82px;padding-right:0;padding-bottom:35px;background-image:-webkit-linear-gradient(bottom,transparent 22px,#3E8EF7 0);background-image:-moz-linear-gradient(bottom,transparent 22px,#3E8EF7 0);background-image:-ms-linear-gradient(bottom,transparent 22px,#3E8EF7 0);background-image:linear-gradient(to top,transparent 22px,#3E8EF7 0);position:relative;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-brightblue.larry-ribbon-bookmark:before{top:auto;bottom:0;left:0;margin-top:-15px;border-right:20px solid #3E8EF7;border-bottom:10px solid transparent}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-purple.larry-ribbon-bookmark{height:82px;padding-right:0;padding-bottom:35px;background-image:-webkit-linear-gradient(bottom,transparent 22px,#D6359A 0);background-image:-moz-linear-gradient(bottom,transparent 22px,#D6359A 0);background-image:-ms-linear-gradient(bottom,transparent 22px,#D6359A 0);background-image:linear-gradient(to top,transparent 22px,#D6359A 0);position:relative;}
.larry-ribbon.larry-ribbon-vertical>.larry-ribbon-purple.larry-ribbon-bookmark:before{top:auto;bottom:0;left:0;margin-top:-15px;border-right:20px solid #D6359A;border-bottom:10px solid transparent}

/*立体主题*/
.larry-ribbon-success.larry-ribbon-shadow:before{border-color:#11C26D transparent transparent;}
.larry-ribbon-primary.larry-ribbon-shadow:before{border-color:#188AE2 transparent transparent;}
.larry-ribbon-dark.larry-ribbon-shadow:before{border-color:#3B3E47 transparent transparent;}
.larry-ribbon-info.larry-ribbon-shadow:before{border-color:#35B8E0 transparent transparent;}
.larry-ribbon-warning.larry-ribbon-shadow:before{border-color:#FBCC5C transparent transparent;}
.larry-ribbon-danger.larry-ribbon-shadow:before{border-color:#ff5722 transparent transparent;}
.larry-ribbon-green.larry-ribbon-shadow:before{border-color:#019486 transparent transparent;}
.larry-ribbon-lightdark.larry-ribbon-shadow:before{border-color:#526069 transparent transparent;}
.larry-ribbon-blue.larry-ribbon-shadow:before{border-color:#1E9FFF transparent transparent;}
.larry-ribbon-brightblue.larry-ribbon-shadow:before{border-color:#3E8EF7 transparent transparent;}
.larry-ribbon-purple.larry-ribbon-shadow:before{border-color:#D6359A transparent transparent;}

/*立体左侧底部*/
.larry-ribbon.larry-ribbon-bottom>.larry-ribbon-success.larry-ribbon-shadow.larry-ribbon-left:before{border-bottom-color:#11C26D;border-right-color:#11C26D;}
.larry-ribbon.larry-ribbon-bottom>.larry-ribbon-primary.larry-ribbon-shadow.larry-ribbon-left:before{border-bottom-color:#188AE2;border-right-color:#188AE2;}
.larry-ribbon.larry-ribbon-bottom>.larry-ribbon-dark.larry-ribbon-shadow.larry-ribbon-left:before{border-bottom-color:#3B3E47;border-right-color:#3B3E47;}
.larry-ribbon.larry-ribbon-bottom>.larry-ribbon-info.larry-ribbon-shadow.larry-ribbon-left:before{border-bottom-color:#35B8E0;border-right-color:#35B8E0;}
.larry-ribbon.larry-ribbon-bottom>.larry-ribbon-warning.larry-ribbon-shadow.larry-ribbon-left:before{border-bottom-color:#FBCC5C;border-right-color:#FBCC5C;}
.larry-ribbon.larry-ribbon-bottom>.larry-ribbon-danger.larry-ribbon-shadow.larry-ribbon-left:before{border-bottom-color:#ff5722;border-right-color:#ff5722;}
.larry-ribbon.larry-ribbon-bottom>.larry-ribbon-green.larry-ribbon-shadow.larry-ribbon-left:before{border-bottom-color:#019486;border-right-color:#019486;}
.larry-ribbon.larry-ribbon-bottom>.larry-ribbon-lightdark.larry-ribbon-shadow.larry-ribbon-left:before{border-bottom-color:#526069;border-right-color:#526069;}
.larry-ribbon.larry-ribbon-bottom>.larry-ribbon-blue.larry-ribbon-shadow.larry-ribbon-left:before{border-bottom-color:#1E9FFF;border-right-color:#1E9FFF;}
.larry-ribbon.larry-ribbon-bottom>.larry-ribbon-brightblue.larry-ribbon-shadow.larry-ribbon-left:before{border-bottom-color:#3E8EF7;border-right-color:#3E8EF7;}
.larry-ribbon.larry-ribbon-bottom>.larry-ribbon-purple.larry-ribbon-shadow.larry-ribbon-left:before{border-bottom-color:#D6359A;border-right-color:#D6359A;}

/*徽章*/
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-success:before{border-left:3px solid #11C26D;border-top:3px solid #11C26D;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-success:after{border-right:3px solid #11C26D;border-top:3px solid #11C26D;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-primary:before{border-left:3px solid #188AE2;border-top:3px solid #188AE2;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-primary:after{border-right:3px solid #188AE2;border-top:3px solid #188AE2;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-dark:before{border-left:3px solid #3B3E47;border-top:3px solid #3B3E47;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-dark:after{border-right:3px solid #3B3E47;border-top:3px solid #3B3E47;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-info:before{border-left:3px solid #35B8E0;border-top:3px solid #35B8E0;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-info:after{border-right:3px solid #35B8E0;border-top:3px solid #35B8E0;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-warning:before{border-left:3px solid #FBCC5C;border-top:3px solid #FBCC5C;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-warning:after{border-right:3px solid #FBCC5C;border-top:3px solid #FBCC5C;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-danger:before{border-left:3px solid #ff5722;border-top:3px solid #ff5722;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-danger:after{border-right:3px solid #ff5722;border-top:3px solid #ff5722;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-green:before{border-left:3px solid #019486;border-top:3px solid #019486;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-green:after{border-right:3px solid #019486;border-top:3px solid #019486;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-lightdark:before{border-left:3px solid #526069;border-top:3px solid #526069;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-lightdark:after{border-right:3px solid #526069;border-top:3px solid #526069;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-blue:before{border-left:3px solid #1E9FFF;border-top:3px solid #1E9FFF;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-blue:after{border-right:3px solid #1E9FFF;border-top:3px solid #1E9FFF;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-brightblue:before{border-left:3px solid #3E8EF7;border-top:3px solid #3E8EF7;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-brightblue:after{border-right:3px solid #3E8EF7;border-top:3px solid #3E8EF7;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-purple:before{border-left:3px solid #D6359A;border-top:3px solid #D6359A;}
.larry-ribbon.larry-ribbon-badge>*.larry-ribbon-purple:after{border-right:3px solid #D6359A;border-top:3px solid #D6359A;}

/*角标*/
.larry-ribbon.larry-ribbon-corner>*.larry-ribbon-success:before{border-top-color:#11C26D;border-left-color:#11C26D;}
.larry-ribbon.larry-ribbon-corner>*.larry-ribbon-primary:before{border-top-color:#188AE2;border-left-color:#188AE2;}
.larry-ribbon.larry-ribbon-corner>*.larry-ribbon-dark:before{border-top-color:#3B3E47;border-left-color:#3B3E47;}
.larry-ribbon.larry-ribbon-corner>*.larry-ribbon-info:before{border-top-color:#35B8E0;border-left-color:#35B8E0;}
.larry-ribbon.larry-ribbon-corner>*.larry-ribbon-warning:before{border-top-color:#FBCC5C;border-left-color:#FBCC5C;}
.larry-ribbon.larry-ribbon-corner>*.larry-ribbon-danger:before{border-top-color:#ff5722;border-left-color:#ff5722;}
.larry-ribbon.larry-ribbon-corner>*.larry-ribbon-green:before{border-top-color:#019486;border-left-color:#019486;}
.larry-ribbon.larry-ribbon-corner>*.larry-ribbon-lightdark:before{border-top-color:#526069;border-left-color:#526069;}
.larry-ribbon.larry-ribbon-corner>*.larry-ribbon-blue:before{border-top-color:#1E9FFF;border-left-color:#1E9FFF;}
.larry-ribbon.larry-ribbon-corner>*.larry-ribbon-brightblue:before{border-top-color:#3E8EF7;border-left-color:#3E8EF7;}
.larry-ribbon.larry-ribbon-corner>*.larry-ribbon-purple:before{border-top-color:#D6359A;border-left-color:#D6359A;}

/* 小徽章 */
.larry-badge,.larry-badge-dot,.larry-badge-rim{position:relative;display:inline-block;padding:0 6px;font-size:12px;text-align:center;background-color:#FF5722;color:#fff;border-radius:2px;}
.larry-badge{height:20px;line-height:20px;border-radius:45%;}
.larry-badge-dot{width:10px;height:10px;padding:0;border-radius:50%;}
.larry-badge-rim{height:18px;line-height:18px;border-width:1px;border-style:solid;background-color:#fff;color:#666;}
.larry-btn .larry-badge,.layui-btn .larry-badge,.layui-btn .larry-badge-dot
.larry-btn .larry-badge-dot{margin-left:5px;}
.larry-nav .larry-badge,.layui-nav .larry-badge{position:absolute;top:50%;margin:-18px 8px 0;}
.larry-tab-title .larry-badge,.layui-tab-title .larry-badge,.layui-tab-title .larry-badge-dot
.larry-tab-title .larry-badge-dot{left:5px;top:-2px;}
.layui-nav .larry-badge-dot,.larry-nav .larry-badge-dot{position:absolute;top:50%;margin:-12px 8px 0;}

/*后台布局相关*/
.larry-layout-right{}
.slimScrollDiv{height:auto;}
.noti-scroll{max-height:230px;}

/*基础动画*/

/** layui动画 **/
.larry-anim{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.larry-anim.larry-icon{display:inline-block;}
.larry-anim-loop{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.larry-trans,.larry-trans a{transition:all .3s;-webkit-transition:all .3s;}

/* 过度变换 */
@-webkit-keyframes larry-rotate{

	/* 循环旋转 */
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
}
@keyframes larry-rotate{
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}
.larry-anim-rotate{-webkit-animation-name:larry-rotate;animation-name:larry-rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;}
@-webkit-keyframes larry-up{

	/* 从最底部往上滑入 */
	from{-webkit-transform:translate3d(0,100%,0);opacity:0.3;}
	to{-webkit-transform:translate3d(0,0,0);opacity:1;}
}
@keyframes larry-up{
	from{transform:translate3d(0,100%,0);opacity:0.3;}
	to{transform:translate3d(0,0,0);opacity:1;}
}
.larry-anim-up{-webkit-animation-name:larry-up;animation-name:larry-up;}
@-webkit-keyframes larry-upbit{

	/* 微微往上滑入 */
	from{-webkit-transform:translate3d(0,30px,0);opacity:0.3;}
	to{-webkit-transform:translate3d(0,0,0);opacity:1;}
}
@keyframes larry-upbit{
	from{transform:translate3d(0,30px,0);opacity:0.3;}
	to{transform:translate3d(0,0,0);opacity:1;}
}
.larry-anim-upbit{-webkit-animation-name:larry-upbit;animation-name:larry-upbit;}
@-webkit-keyframes larry-scale{

	/* 放大 */
	0%{opacity:0.3;-webkit-transform:scale(.5);}
	100%{opacity:1;-webkit-transform:scale(1);}
}
@keyframes larry-scale{
	0%{opacity:0.3;-ms-transform:scale(.5);transform:scale(.5);}
	100%{opacity:1;-ms-transform:scale(1);transform:scale(1);}
}
.larry-anim-scale{-webkit-animation-name:larry-scale;animation-name:larry-scale}
@-webkit-keyframes larry-scale-spring{

	/* 弹簧式放大 */
	0%{opacity:0.5;-webkit-transform:scale(.5);}
	80%{opacity:0.8;-webkit-transform:scale(1.1);}
	100%{opacity:1;-webkit-transform:scale(1);}
}
@keyframes larry-scale-spring{
	0%{opacity:0.5;transform:scale(.5);}
	80%{opacity:0.8;transform:scale(1.1);}
	100%{opacity:1;transform:scale(1);}
}
.larry-anim-scaleSpring{-webkit-animation-name:larry-scale-spring;animation-name:larry-scale-spring}
@-webkit-keyframes larry-fadein{

	/* 渐现 */
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes larry-fadein{
	0%{opacity:0;}
	100%{opacity:1;}
}
.larry-anim-fadein{-webkit-animation-name:larry-fadein;animation-name:larry-fadein}
@-webkit-keyframes larry-fadeout{

	/* 渐隐 */
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes larry-fadeout{
	0%{opacity:1;}
	100%{opacity:0;}
}
.larry-anim-fadeout{-webkit-animation-name:larry-fadeout;animation-name:larry-fadeout}

/* animation sets */

/* 移动 from / to  */

.pt-page-moveToLeft{-webkit-animation:moveToLeft .6s ease both;-moz-animation:moveToLeft .6s ease both;animation:moveToLeft .6s ease both;}
.pt-page-moveFromLeft{-webkit-animation:moveFromLeft .6s ease both;-moz-animation:moveFromLeft .6s ease both;animation:moveFromLeft .6s ease both;}
.pt-page-moveToRight{-webkit-animation:moveToRight .6s ease both;-moz-animation:moveToRight .6s ease both;animation:moveToRight .6s ease both;}
.pt-page-moveFromRight{-webkit-animation:moveFromRight .6s ease both;-moz-animation:moveFromRight .6s ease both;animation:moveFromRight .6s ease both;}
.pt-page-moveToTop{-webkit-animation:moveToTop .6s ease both;-moz-animation:moveToTop .6s ease both;animation:moveToTop .6s ease both;}
.pt-page-moveFromTop{-webkit-animation:moveFromTop .6s ease both;-moz-animation:moveFromTop .6s ease both;animation:moveFromTop .6s ease both;}
.pt-page-moveToBottom{-webkit-animation:moveToBottom .6s ease both;-moz-animation:moveToBottom .6s ease both;animation:moveToBottom .6s ease both;}
.pt-page-moveFromBottom{-webkit-animation:moveFromBottom .6s ease both;-moz-animation:moveFromBottom .6s ease both;animation:moveFromBottom .6s ease both;}

/* 淡入淡出 */
.pt-page-fade{-webkit-animation:fade .7s ease both;-moz-animation:fade .7s ease both;animation:fade .7s ease both;}

/* 移动 from / to and 淡入淡出 */
.pt-page-moveToLeftFade{-webkit-animation:moveToLeftFade .7s ease both;-moz-animation:moveToLeftFade .7s ease both;animation:moveToLeftFade .7s ease both;}
.pt-page-moveFromLeftFade{-webkit-animation:moveFromLeftFade .7s ease both;-moz-animation:moveFromLeftFade .7s ease both;animation:moveFromLeftFade .7s ease both;}
.pt-page-moveToRightFade{-webkit-animation:moveToRightFade .7s ease both;-moz-animation:moveToRightFade .7s ease both;animation:moveToRightFade .7s ease both;}
.pt-page-moveFromRightFade{-webkit-animation:moveFromRightFade .7s ease both;-moz-animation:moveFromRightFade .7s ease both;animation:moveFromRightFade .7s ease both;}
.pt-page-moveToTopFade{-webkit-animation:moveToTopFade .7s ease both;-moz-animation:moveToTopFade .7s ease both;animation:moveToTopFade .7s ease both;}
.pt-page-moveFromTopFade{-webkit-animation:moveFromTopFade .7s ease both;-moz-animation:moveFromTopFade .7s ease both;animation:moveFromTopFade .7s ease both;}
.pt-page-moveToBottomFade{-webkit-animation:moveToBottomFade .7s ease both;-moz-animation:moveToBottomFade .7s ease both;animation:moveToBottomFade .7s ease both;}
.pt-page-moveFromBottomFade{-webkit-animation:moveFromBottomFade .7s ease both;-moz-animation:moveFromBottomFade .7s ease both;animation:moveFromBottomFade .7s ease both;}

/* 缓冲 */
.pt-page-moveToLeftEasing{-webkit-animation:moveToLeft .7s ease-in-out both;-moz-animation:moveToLeft .7s ease-in-out both;animation:moveToLeft .7s ease-in-out both;}
.pt-page-moveToRightEasing{-webkit-animation:moveToRight .7s ease-in-out both;-moz-animation:moveToRight .7s ease-in-out both;animation:moveToRight .7s ease-in-out both;}
.pt-page-moveToTopEasing{-webkit-animation:moveToTop .7s ease-in-out both;-moz-animation:moveToTop .7s ease-in-out both;animation:moveToTop .7s ease-in-out both;}
.pt-page-moveToBottomEasing{-webkit-animation:moveToBottom .7s ease-in-out both;-moz-animation:moveToBottom .7s ease-in-out both;animation:moveToBottom .7s ease-in-out both;}

/********************************* keyframes **************************************/

/* 移动 from / to  */
@-webkit-keyframes moveToLeft{
	to{-webkit-transform:translateX(-100%);}
}
@-moz-keyframes moveToLeft{
	to{-moz-transform:translateX(-100%);}
}
@keyframes moveToLeft{
	to{transform:translateX(-100%);}
}
@-webkit-keyframes moveFromLeft{
	from{-webkit-transform:translateX(-100%);}
}
@-moz-keyframes moveFromLeft{
	from{-moz-transform:translateX(-100%);}
}
@keyframes moveFromLeft{
	from{transform:translateX(-100%);}
}
@-webkit-keyframes moveToRight{
	to{-webkit-transform:translateX(100%);}
}
@-moz-keyframes moveToRight{
	to{-moz-transform:translateX(100%);}
}
@keyframes moveToRight{
	to{transform:translateX(100%);}
}
@-webkit-keyframes moveFromRight{
	from{-webkit-transform:translateX(100%);}
}
@-moz-keyframes moveFromRight{
	from{-moz-transform:translateX(100%);}
}
@keyframes moveFromRight{
	from{transform:translateX(100%);}
}
@-webkit-keyframes moveToTop{
	to{-webkit-transform:translateY(-100%);}
}
@-moz-keyframes moveToTop{
	to{-moz-transform:translateY(-100%);}
}
@keyframes moveToTop{
	to{transform:translateY(-100%);}
}
@-webkit-keyframes moveFromTop{
	from{-webkit-transform:translateY(-100%);}
}
@-moz-keyframes moveFromTop{
	from{-moz-transform:translateY(-100%);}
}
@keyframes moveFromTop{
	from{transform:translateY(-100%);}
}
@-webkit-keyframes moveToBottom{
	to{-webkit-transform:translateY(100%);}
}
@-moz-keyframes moveToBottom{
	to{-moz-transform:translateY(100%);}
}
@keyframes moveToBottom{
	to{transform:translateY(100%);}
}
@-webkit-keyframes moveFromBottom{
	from{-webkit-transform:translateY(100%);}
}
@-moz-keyframes moveFromBottom{
	from{-moz-transform:translateY(100%);}
}
@keyframes moveFromBottom{
	from{transform:translateY(100%);}
}

/* 淡入淡出 */
@-webkit-keyframes fade{
	to{opacity:0.3;}
}
@-moz-keyframes fade{
	to{opacity:0.3;}
}
@keyframes fade{
	to{opacity:0.3;}
}

/* 移动 from / to and 淡入淡出 */
@-webkit-keyframes moveToLeftFade{
	to{opacity:0.3;-webkit-transform:translateX(-100%);}
}
@-moz-keyframes moveToLeftFade{
	to{opacity:0.3;-moz-transform:translateX(-100%);}
}
@keyframes moveToLeftFade{
	to{opacity:0.3;transform:translateX(-100%);}
}
@-webkit-keyframes moveFromLeftFade{
	from{opacity:0.3;-webkit-transform:translateX(-100%);}
}
@-moz-keyframes moveFromLeftFade{
	from{opacity:0.3;-moz-transform:translateX(-100%);}
}
@keyframes moveFromLeftFade{
	from{opacity:0.3;transform:translateX(-100%);}
}
@-webkit-keyframes moveToRightFade{
	to{opacity:0.3;-webkit-transform:translateX(100%);}
}
@-moz-keyframes moveToRightFade{
	to{opacity:0.3;-moz-transform:translateX(100%);}
}
@keyframes moveToRightFade{
	to{opacity:0.3;transform:translateX(100%);}
}
@-webkit-keyframes moveFromRightFade{
	from{opacity:0.3;-webkit-transform:translateX(100%);}
}
@-moz-keyframes moveFromRightFade{
	from{opacity:0.3;-moz-transform:translateX(100%);}
}
@keyframes moveFromRightFade{
	from{opacity:0.3;transform:translateX(100%);}
}
@-webkit-keyframes moveToTopFade{
	to{opacity:0.3;-webkit-transform:translateY(-100%);}
}
@-moz-keyframes moveToTopFade{
	to{opacity:0.3;-moz-transform:translateY(-100%);}
}
@keyframes moveToTopFade{
	to{opacity:0.3;transform:translateY(-100%);}
}
@-webkit-keyframes moveFromTopFade{
	from{opacity:0.3;-webkit-transform:translateY(-100%);}
}
@-moz-keyframes moveFromTopFade{
	from{opacity:0.3;-moz-transform:translateY(-100%);}
}
@keyframes moveFromTopFade{
	from{opacity:0.3;transform:translateY(-100%);}
}
@-webkit-keyframes moveToBottomFade{
	to{opacity:0.3;-webkit-transform:translateY(100%);}
}
@-moz-keyframes moveToBottomFade{
	to{opacity:0.3;-moz-transform:translateY(100%);}
}
@keyframes moveToBottomFade{
	to{opacity:0.3;transform:translateY(100%);}
}
@-webkit-keyframes moveFromBottomFade{
	from{opacity:0.3;-webkit-transform:translateY(100%);}
}
@-moz-keyframes moveFromBottomFade{
	from{opacity:0.3;-moz-transform:translateY(100%);}
}
@keyframes moveFromBottomFade{
	from{opacity:0.3;transform:translateY(100%);}
}

/* 延展 and 淡入淡出 */
.pt-page-scaleDown{-webkit-animation:scaleDown .7s ease both;-moz-animation:scaleDown .7s ease both;animation:scaleDown .7s ease both;}
.pt-page-scaleUp{-webkit-animation:scaleUp .7s ease both;-moz-animation:scaleUp .7s ease both;animation:scaleUp .7s ease both;}
.pt-page-scaleUpDown{-webkit-animation:scaleUpDown .5s ease both;-moz-animation:scaleUpDown .5s ease both;animation:scaleUpDown .5s ease both;}
.pt-page-scaleDownUp{-webkit-animation:scaleDownUp .5s ease both;-moz-animation:scaleDownUp .5s ease both;animation:scaleDownUp .5s ease both;}
.pt-page-scaleDownCenter{-webkit-animation:scaleDownCenter .4s ease-in both;-moz-animation:scaleDownCenter .4s ease-in both;animation:scaleDownCenter .4s ease-in both;}
.pt-page-scaleUpCenter{-webkit-animation:scaleUpCenter .4s ease-out both;-moz-animation:scaleUpCenter .4s ease-out both;animation:scaleUpCenter .4s ease-out both;}

/********************************* keyframes **************************************/

/* 延展 and 淡入淡出 */
@-webkit-keyframes scaleDown{
	to{opacity:0;-webkit-transform:scale(.8);}
}
@-moz-keyframes scaleDown{
	to{opacity:0;-moz-transform:scale(.8);}
}
@keyframes scaleDown{
	to{opacity:0;transform:scale(.8);}
}
@-webkit-keyframes scaleUp{
	from{opacity:0;-webkit-transform:scale(.8);}
}
@-moz-keyframes scaleUp{
	from{opacity:0;-moz-transform:scale(.8);}
}
@keyframes scaleUp{
	from{opacity:0;transform:scale(.8);}
}
@-webkit-keyframes scaleUpDown{
	from{opacity:0;-webkit-transform:scale(1.2);}
}
@-moz-keyframes scaleUpDown{
	from{opacity:0;-moz-transform:scale(1.2);}
}
@keyframes scaleUpDown{
	from{opacity:0;transform:scale(1.2);}
}
@-webkit-keyframes scaleDownUp{
	to{opacity:0;-webkit-transform:scale(1.2);}
}
@-moz-keyframes scaleDownUp{
	to{opacity:0;-moz-transform:scale(1.2);}
}
@keyframes scaleDownUp{
	to{opacity:0;transform:scale(1.2);}
}
@-webkit-keyframes scaleDownCenter{
	to{opacity:0;-webkit-transform:scale(.7);}
}
@-moz-keyframes scaleDownCenter{
	to{opacity:0;-moz-transform:scale(.7);}
}
@keyframes scaleDownCenter{
	to{opacity:0;transform:scale(.7);}
}
@-webkit-keyframes scaleUpCenter{
	from{opacity:0;-webkit-transform:scale(.7);}
}
@-moz-keyframes scaleUpCenter{
	from{opacity:0;-moz-transform:scale(.7);}
}
@keyframes scaleUpCenter{
	from{opacity:0;transform:scale(.7);}
}

/* 旋转 sides first and scale */
.pt-page-rotateRightSideFirst{-webkit-transform-origin:0% 50%;-webkit-animation:rotateRightSideFirst .8s both ease-in;-moz-transform-origin:0% 50%;-moz-animation:rotateRightSideFirst .8s both ease-in;transform-origin:0% 50%;animation:rotateRightSideFirst .8s both ease-in;}
.pt-page-rotateLeftSideFirst{-webkit-transform-origin:100% 50%;-webkit-animation:rotateLeftSideFirst .8s both ease-in;-moz-transform-origin:100% 50%;-moz-animation:rotateLeftSideFirst .8s both ease-in;transform-origin:100% 50%;animation:rotateLeftSideFirst .8s both ease-in;}
.pt-page-rotateTopSideFirst{-webkit-transform-origin:50% 100%;-webkit-animation:rotateTopSideFirst .8s both ease-in;-moz-transform-origin:50% 100%;-moz-animation:rotateTopSideFirst .8s both ease-in;transform-origin:50% 100%;animation:rotateTopSideFirst .8s both ease-in;}
.pt-page-rotateBottomSideFirst{-webkit-transform-origin:50% 0%;-webkit-animation:rotateBottomSideFirst .8s both ease-in;-moz-transform-origin:50% 0%;-moz-animation:rotateBottomSideFirst .8s both ease-in;transform-origin:50% 0%;animation:rotateBottomSideFirst .8s both ease-in;}

/* 翻滚 */
.pt-page-flipOutRight{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutRight .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutRight .5s both ease-in;transform-origin:50% 50%;animation:flipOutRight .5s both ease-in;}
.pt-page-flipInLeft{-webkit-transform-origin:50% 50%;-webkit-animation:flipInLeft .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInLeft .5s both ease-out;transform-origin:50% 50%;animation:flipInLeft .5s both ease-out;}
.pt-page-flipOutLeft{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutLeft .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutLeft .5s both ease-in;transform-origin:50% 50%;animation:flipOutLeft .5s both ease-in;}
.pt-page-flipInRight{-webkit-transform-origin:50% 50%;-webkit-animation:flipInRight .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInRight .5s both ease-out;transform-origin:50% 50%;animation:flipInRight .5s both ease-out;}
.pt-page-flipOutTop{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutTop .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutTop .5s both ease-in;transform-origin:50% 50%;animation:flipOutTop .5s both ease-in;}
.pt-page-flipInBottom{-webkit-transform-origin:50% 50%;-webkit-animation:flipInBottom .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInBottom .5s both ease-out;transform-origin:50% 50%;animation:flipInBottom .5s both ease-out;}
.pt-page-flipOutBottom{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutBottom .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutBottom .5s both ease-in;transform-origin:50% 50%;animation:flipOutBottom .5s both ease-in;}
.pt-page-flipInTop{-webkit-transform-origin:50% 50%;-webkit-animation:flipInTop .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInTop .5s both ease-out;transform-origin:50% 50%;animation:flipInTop .5s both ease-out;}

/* 旋转下降 */
.pt-page-rotateFall{-webkit-transform-origin:0% 0%;-webkit-animation:rotateFall 1s both ease-in;-moz-transform-origin:0% 0%;-moz-animation:rotateFall 1s both ease-in;transform-origin:0% 0%;animation:rotateFall 1s both ease-in;}

/* 翻阅报纸 */
.pt-page-rotateOutNewspaper{-webkit-transform-origin:50% 50%;-webkit-animation:rotateOutNewspaper .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:rotateOutNewspaper .5s both ease-in;transform-origin:50% 50%;animation:rotateOutNewspaper .5s both ease-in;}
.pt-page-rotateInNewspaper{-webkit-transform-origin:50% 50%;-webkit-animation:rotateInNewspaper .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:rotateInNewspaper .5s both ease-out;transform-origin:50% 50%;animation:rotateInNewspaper .5s both ease-out;}

/* push */
.pt-page-rotatePushLeft{-webkit-transform-origin:0% 50%;-webkit-animation:rotatePushLeft .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotatePushLeft .8s both ease;transform-origin:0% 50%;animation:rotatePushLeft .8s both ease;}
.pt-page-rotatePushRight{-webkit-transform-origin:100% 50%;-webkit-animation:rotatePushRight .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotatePushRight .8s both ease;transform-origin:100% 50%;animation:rotatePushRight .8s both ease;}
.pt-page-rotatePushTop{-webkit-transform-origin:50% 0%;-webkit-animation:rotatePushTop .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotatePushTop .8s both ease;transform-origin:50% 0%;animation:rotatePushTop .8s both ease;}
.pt-page-rotatePushBottom{-webkit-transform-origin:50% 100%;-webkit-animation:rotatePushBottom .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotatePushBottom .8s both ease;transform-origin:50% 100%;animation:rotatePushBottom .8s both ease;}

/* pull */
.pt-page-rotatePullRight{-webkit-transform-origin:100% 50%;-webkit-animation:rotatePullRight .5s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotatePullRight .5s both ease;transform-origin:100% 50%;animation:rotatePullRight .5s both ease;}
.pt-page-rotatePullLeft{-webkit-transform-origin:0% 50%;-webkit-animation:rotatePullLeft .5s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotatePullLeft .5s both ease;transform-origin:0% 50%;animation:rotatePullLeft .5s both ease;}
.pt-page-rotatePullTop{-webkit-transform-origin:50% 0%;-webkit-animation:rotatePullTop .5s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotatePullTop .5s both ease;transform-origin:50% 0%;animation:rotatePullTop .5s both ease;}
.pt-page-rotatePullBottom{-webkit-transform-origin:50% 100%;-webkit-animation:rotatePullBottom .5s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotatePullBottom .5s both ease;transform-origin:50% 100%;animation:rotatePullBottom .5s both ease;}

/* 折叠 */
.pt-page-rotateFoldRight{-webkit-transform-origin:0% 50%;-webkit-animation:rotateFoldRight .7s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateFoldRight .7s both ease;transform-origin:0% 50%;animation:rotateFoldRight .7s both ease;}
.pt-page-rotateFoldLeft{-webkit-transform-origin:100% 50%;-webkit-animation:rotateFoldLeft .7s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateFoldLeft .7s both ease;transform-origin:100% 50%;animation:rotateFoldLeft .7s both ease;}
.pt-page-rotateFoldTop{-webkit-transform-origin:50% 100%;-webkit-animation:rotateFoldTop .7s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateFoldTop .7s both ease;transform-origin:50% 100%;animation:rotateFoldTop .7s both ease;}
.pt-page-rotateFoldBottom{-webkit-transform-origin:50% 0%;-webkit-animation:rotateFoldBottom .7s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateFoldBottom .7s both ease;transform-origin:50% 0%;animation:rotateFoldBottom .7s both ease;}

/* 展开 */
.pt-page-rotateUnfoldLeft{-webkit-transform-origin:100% 50%;-webkit-animation:rotateUnfoldLeft .7s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateUnfoldLeft .7s both ease;transform-origin:100% 50%;animation:rotateUnfoldLeft .7s both ease;}
.pt-page-rotateUnfoldRight{-webkit-transform-origin:0% 50%;-webkit-animation:rotateUnfoldRight .7s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateUnfoldRight .7s both ease;transform-origin:0% 50%;animation:rotateUnfoldRight .7s both ease;}
.pt-page-rotateUnfoldTop{-webkit-transform-origin:50% 100%;-webkit-animation:rotateUnfoldTop .7s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateUnfoldTop .7s both ease;transform-origin:50% 100%;animation:rotateUnfoldTop .7s both ease;}
.pt-page-rotateUnfoldBottom{-webkit-transform-origin:50% 0%;-webkit-animation:rotateUnfoldBottom .7s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateUnfoldBottom .7s both ease;transform-origin:50% 0%;animation:rotateUnfoldBottom .7s both ease;}

/* room walls */
.pt-page-rotateRoomLeftOut{-webkit-transform-origin:100% 50%;-webkit-animation:rotateRoomLeftOut .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateRoomLeftOut .8s both ease;transform-origin:100% 50%;animation:rotateRoomLeftOut .8s both ease;}
.pt-page-rotateRoomLeftIn{-webkit-transform-origin:0% 50%;-webkit-animation:rotateRoomLeftIn .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateRoomLeftIn .8s both ease;transform-origin:0% 50%;animation:rotateRoomLeftIn .8s both ease;}
.pt-page-rotateRoomRightOut{-webkit-transform-origin:0% 50%;-webkit-animation:rotateRoomRightOut .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateRoomRightOut .8s both ease;transform-origin:0% 50%;animation:rotateRoomRightOut .8s both ease;}
.pt-page-rotateRoomRightIn{-webkit-transform-origin:100% 50%;-webkit-animation:rotateRoomRightIn .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateRoomRightIn .8s both ease;transform-origin:100% 50%;animation:rotateRoomRightIn .8s both ease;}
.pt-page-rotateRoomTopOut{-webkit-transform-origin:50% 100%;-webkit-animation:rotateRoomTopOut .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateRoomTopOut .8s both ease;transform-origin:50% 100%;animation:rotateRoomTopOut .8s both ease;}
.pt-page-rotateRoomTopIn{-webkit-transform-origin:50% 0%;-webkit-animation:rotateRoomTopIn .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateRoomTopIn .8s both ease;transform-origin:50% 0%;animation:rotateRoomTopIn .8s both ease;}
.pt-page-rotateRoomBottomOut{-webkit-transform-origin:50% 0%;-webkit-animation:rotateRoomBottomOut .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateRoomBottomOut .8s both ease;transform-origin:50% 0%;animation:rotateRoomBottomOut .8s both ease;}
.pt-page-rotateRoomBottomIn{-webkit-transform-origin:50% 100%;-webkit-animation:rotateRoomBottomIn .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateRoomBottomIn .8s both ease;transform-origin:50% 100%;animation:rotateRoomBottomIn .8s both ease;}

/* 立方体 */
.pt-page-rotateCubeLeftOut{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCubeLeftOut .6s both ease-in;-moz-transform-origin:100% 50%;-moz-animation:rotateCubeLeftOut .6s both ease-in;transform-origin:100% 50%;animation:rotateCubeLeftOut .6s both ease-in;}
.pt-page-rotateCubeLeftIn{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCubeLeftIn .6s both ease-in;-moz-transform-origin:0% 50%;-moz-animation:rotateCubeLeftIn .6s both ease-in;transform-origin:0% 50%;animation:rotateCubeLeftIn .6s both ease-in;}
.pt-page-rotateCubeRightOut{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCubeRightOut .6s both ease-in;-moz-transform-origin:0% 50%;-moz-animation:rotateCubeRightOut .6s both ease-in;transform-origin:0% 50%;animation:rotateCubeRightOut .6s both ease-in;}
.pt-page-rotateCubeRightIn{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCubeRightIn .6s both ease-in;-moz-transform-origin:100% 50%;-moz-animation:rotateCubeRightIn .6s both ease-in;transform-origin:100% 50%;animation:rotateCubeRightIn .6s both ease-in;}
.pt-page-rotateCubeTopOut{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCubeTopOut .6s both ease-in;-moz-transform-origin:50% 100%;-moz-animation:rotateCubeTopOut .6s both ease-in;transform-origin:50% 100%;animation:rotateCubeTopOut .6s both ease-in;}
.pt-page-rotateCubeTopIn{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCubeTopIn .6s both ease-in;-moz-transform-origin:50% 0%;-moz-animation:rotateCubeTopIn .6s both ease-in;transform-origin:50% 0%;animation:rotateCubeTopIn .6s both ease-in;}
.pt-page-rotateCubeBottomOut{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCubeBottomOut .6s both ease-in;-moz-transform-origin:50% 0%;-moz-animation:rotateCubeBottomOut .6s both ease-in;transform-origin:50% 0%;animation:rotateCubeBottomOut .6s both ease-in;}
.pt-page-rotateCubeBottomIn{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCubeBottomIn .6s both ease-in;-moz-transform-origin:50% 100%;-moz-animation:rotateCubeBottomIn .6s both ease-in;transform-origin:50% 100%;animation:rotateCubeBottomIn .6s both ease-in;}

/* 旋转木马 */
.pt-page-rotateCarouselLeftOut{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCarouselLeftOut .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateCarouselLeftOut .8s both ease;transform-origin:100% 50%;animation:rotateCarouselLeftOut .8s both ease;}
.pt-page-rotateCarouselLeftIn{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCarouselLeftIn .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateCarouselLeftIn .8s both ease;transform-origin:0% 50%;animation:rotateCarouselLeftIn .8s both ease;}
.pt-page-rotateCarouselRightOut{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCarouselRightOut .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateCarouselRightOut .8s both ease;transform-origin:0% 50%;animation:rotateCarouselRightOut .8s both ease;}
.pt-page-rotateCarouselRightIn{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCarouselRightIn .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateCarouselRightIn .8s both ease;transform-origin:100% 50%;animation:rotateCarouselRightIn .8s both ease;}
.pt-page-rotateCarouselTopOut{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCarouselTopOut .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateCarouselTopOut .8s both ease;transform-origin:50% 100%;animation:rotateCarouselTopOut .8s both ease;}
.pt-page-rotateCarouselTopIn{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCarouselTopIn .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateCarouselTopIn .8s both ease;transform-origin:50% 0%;animation:rotateCarouselTopIn .8s both ease;}
.pt-page-rotateCarouselBottomOut{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCarouselBottomOut .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateCarouselBottomOut .8s both ease;transform-origin:50% 0%;animation:rotateCarouselBottomOut .8s both ease;}
.pt-page-rotateCarouselBottomIn{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCarouselBottomIn .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateCarouselBottomIn .8s both ease;transform-origin:50% 100%;animation:rotateCarouselBottomIn .8s both ease;}

/* sides */
.pt-page-rotateSidesOut{-webkit-transform-origin:-50% 50%;-webkit-animation:rotateSidesOut .5s both ease-in;-moz-transform-origin:-50% 50%;-moz-animation:rotateSidesOut .5s both ease-in;transform-origin:-50% 50%;animation:rotateSidesOut .5s both ease-in;}
.pt-page-rotateSidesIn{-webkit-transform-origin:150% 50%;-webkit-animation:rotateSidesIn .5s both ease-out;-moz-transform-origin:150% 50%;-moz-animation:rotateSidesIn .5s both ease-out;transform-origin:150% 50%;animation:rotateSidesIn .5s both ease-out;}

/* slide */
.pt-page-rotateSlideOut{-webkit-animation:rotateSlideOut 1s both ease;-moz-animation:rotateSlideOut 1s both ease;animation:rotateSlideOut 1s both ease;}
.pt-page-rotateSlideIn{-webkit-animation:rotateSlideIn 1s both ease;-moz-animation:rotateSlideIn 1s both ease;animation:rotateSlideIn 1s both ease;}

/********************************* keyframes **************************************/

/* rotate sides first and scale */
@-webkit-keyframes rotateRightSideFirst{
	40%{-webkit-transform:rotateY(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;}
	100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0;}
}
@-moz-keyframes rotateRightSideFirst{
	40%{-moz-transform:rotateY(15deg);opacity:.8;-moz-animation-timing-function:ease-out;}
	100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0;}
}
@keyframes rotateRightSideFirst{
	40%{transform:rotateY(15deg);opacity:.8;animation-timing-function:ease-out;}
	100%{transform:scale(0.8) translateZ(-200px);opacity:0;}
}
@-webkit-keyframes rotateLeftSideFirst{
	40%{-webkit-transform:rotateY(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;}
	100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0;}
}
@-moz-keyframes rotateLeftSideFirst{
	40%{-moz-transform:rotateY(-15deg);opacity:.8;-moz-animation-timing-function:ease-out;}
	100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0;}
}
@keyframes rotateLeftSideFirst{
	40%{transform:rotateY(-15deg);opacity:.8;animation-timing-function:ease-out;}
	100%{transform:scale(0.8) translateZ(-200px);opacity:0;}
}
@-webkit-keyframes rotateTopSideFirst{
	40%{-webkit-transform:rotateX(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;}
	100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0;}
}
@-moz-keyframes rotateTopSideFirst{
	40%{-moz-transform:rotateX(15deg);opacity:.8;-moz-animation-timing-function:ease-out;}
	100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0;}
}
@keyframes rotateTopSideFirst{
	40%{transform:rotateX(15deg);opacity:.8;animation-timing-function:ease-out;}
	100%{transform:scale(0.8) translateZ(-200px);opacity:0;}
}
@-webkit-keyframes rotateBottomSideFirst{
	40%{-webkit-transform:rotateX(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;}
	100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0;}
}
@-moz-keyframes rotateBottomSideFirst{
	40%{-moz-transform:rotateX(-15deg);opacity:.8;-moz-animation-timing-function:ease-out;}
	100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0;}
}
@keyframes rotateBottomSideFirst{
	40%{transform:rotateX(-15deg);opacity:.8;animation-timing-function:ease-out;}
	100%{transform:scale(0.8) translateZ(-200px);opacity:0;}
}

/* flip */
@-webkit-keyframes flipOutRight{
	to{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}
}
@-moz-keyframes flipOutRight{
	to{-moz-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}
}
@keyframes flipOutRight{
	to{transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}
}
@-webkit-keyframes flipInLeft{
	from{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}
}
@-moz-keyframes flipInLeft{
	from{-moz-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}
}
@keyframes flipInLeft{
	from{transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}
}
@-webkit-keyframes flipOutLeft{
	to{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}
}
@-moz-keyframes flipOutLeft{
	to{-moz-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}
}
@keyframes flipOutLeft{
	to{transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}
}
@-webkit-keyframes flipInRight{
	from{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}
}
@-moz-keyframes flipInRight{
	from{-moz-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}
}
@keyframes flipInRight{
	from{transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}
}
@-webkit-keyframes flipOutTop{
	to{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}
}
@-moz-keyframes flipOutTop{
	to{-moz-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}
}
@keyframes flipOutTop{
	to{transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}
}
@-webkit-keyframes flipInBottom{
	from{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}
}
@-moz-keyframes flipInBottom{
	from{-moz-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}
}
@keyframes flipInBottom{
	from{transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}
}
@-webkit-keyframes flipOutBottom{
	to{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}
}
@-moz-keyframes flipOutBottom{
	to{-moz-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}
}
@keyframes flipOutBottom{
	to{transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}
}
@-webkit-keyframes flipInTop{
	from{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}
}
@-moz-keyframes flipInTop{
	from{-moz-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}
}
@keyframes flipInTop{
	from{transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}
}

/* fall */
@-webkit-keyframes rotateFall{
	0%{-webkit-transform:rotateZ(0deg);}
	20%{-webkit-transform:rotateZ(10deg);-webkit-animation-timing-function:ease-out;}
	40%{-webkit-transform:rotateZ(17deg);}
	60%{-webkit-transform:rotateZ(16deg);}
	100%{-webkit-transform:translateY(100%) rotateZ(17deg);}
}
@-moz-keyframes rotateFall{
	0%{-moz-transform:rotateZ(0deg);}
	20%{-moz-transform:rotateZ(10deg);-moz-animation-timing-function:ease-out;}
	40%{-moz-transform:rotateZ(17deg);}
	60%{-moz-transform:rotateZ(16deg);}
	100%{-moz-transform:translateY(100%) rotateZ(17deg);}
}
@keyframes rotateFall{
	0%{transform:rotateZ(0deg);}
	20%{transform:rotateZ(10deg);animation-timing-function:ease-out;}
	40%{transform:rotateZ(17deg);}
	60%{transform:rotateZ(16deg);}
	100%{transform:translateY(100%) rotateZ(17deg);}
}

/* newspaper */
@-webkit-keyframes rotateOutNewspaper{
	to{-webkit-transform:translateZ(-3000px) rotateZ(360deg);opacity:0;}
}
@-moz-keyframes rotateOutNewspaper{
	to{-moz-transform:translateZ(-3000px) rotateZ(360deg);opacity:0;}
}
@keyframes rotateOutNewspaper{
	to{transform:translateZ(-3000px) rotateZ(360deg);opacity:0;}
}
@-webkit-keyframes rotateInNewspaper{
	from{-webkit-transform:translateZ(-3000px) rotateZ(-360deg);opacity:0;}
}
@-moz-keyframes rotateInNewspaper{
	from{-moz-transform:translateZ(-3000px) rotateZ(-360deg);opacity:0;}
}
@keyframes rotateInNewspaper{
	from{transform:translateZ(-3000px) rotateZ(-360deg);opacity:0;}
}

/* push */
@-webkit-keyframes rotatePushLeft{
	to{opacity:0;-webkit-transform:rotateY(90deg);}
}
@-moz-keyframes rotatePushLeft{
	to{opacity:0;-moz-transform:rotateY(90deg);}
}
@keyframes rotatePushLeft{
	to{opacity:0;transform:rotateY(90deg);}
}
@-webkit-keyframes rotatePushRight{
	to{opacity:0;-webkit-transform:rotateY(-90deg);}
}
@-moz-keyframes rotatePushRight{
	to{opacity:0;-moz-transform:rotateY(-90deg);}
}
@keyframes rotatePushRight{
	to{opacity:0;transform:rotateY(-90deg);}
}
@-webkit-keyframes rotatePushTop{
	to{opacity:0;-webkit-transform:rotateX(-90deg);}
}
@-moz-keyframes rotatePushTop{
	to{opacity:0;-moz-transform:rotateX(-90deg);}
}
@keyframes rotatePushTop{
	to{opacity:0;transform:rotateX(-90deg);}
}
@-webkit-keyframes rotatePushBottom{
	to{opacity:0;-webkit-transform:rotateX(90deg);}
}
@-moz-keyframes rotatePushBottom{
	to{opacity:0;-moz-transform:rotateX(90deg);}
}
@keyframes rotatePushBottom{
	to{opacity:0;transform:rotateX(90deg);}
}

/* pull */
@-webkit-keyframes rotatePullRight{
	from{opacity:0;-webkit-transform:rotateY(-90deg);}
}
@-moz-keyframes rotatePullRight{
	from{opacity:0;-moz-transform:rotateY(-90deg);}
}
@keyframes rotatePullRight{
	from{opacity:0;transform:rotateY(-90deg);}
}
@-webkit-keyframes rotatePullLeft{
	from{opacity:0;-webkit-transform:rotateY(90deg);}
}
@-moz-keyframes rotatePullLeft{
	from{opacity:0;-moz-transform:rotateY(90deg);}
}
@keyframes rotatePullLeft{
	from{opacity:0;transform:rotateY(90deg);}
}
@-webkit-keyframes rotatePullTop{
	from{opacity:0;-webkit-transform:rotateX(-90deg);}
}
@-moz-keyframes rotatePullTop{
	from{opacity:0;-moz-transform:rotateX(-90deg);}
}
@keyframes rotatePullTop{
	from{opacity:0;transform:rotateX(-90deg);}
}
@-webkit-keyframes rotatePullBottom{
	from{opacity:0;-webkit-transform:rotateX(90deg);}
}
@-moz-keyframes rotatePullBottom{
	from{opacity:0;-moz-transform:rotateX(90deg);}
}
@keyframes rotatePullBottom{
	from{opacity:0;transform:rotateX(90deg);}
}

/* fold */
@-webkit-keyframes rotateFoldRight{
	to{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);}
}
@-moz-keyframes rotateFoldRight{
	to{opacity:0;-moz-transform:translateX(100%) rotateY(90deg);}
}
@keyframes rotateFoldRight{
	to{opacity:0;transform:translateX(100%) rotateY(90deg);}
}
@-webkit-keyframes rotateFoldLeft{
	to{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);}
}
@-moz-keyframes rotateFoldLeft{
	to{opacity:0;-moz-transform:translateX(-100%) rotateY(-90deg);}
}
@keyframes rotateFoldLeft{
	to{opacity:0;transform:translateX(-100%) rotateY(-90deg);}
}
@-webkit-keyframes rotateFoldTop{
	to{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);}
}
@-moz-keyframes rotateFoldTop{
	to{opacity:0;-moz-transform:translateY(-100%) rotateX(90deg);}
}
@keyframes rotateFoldTop{
	to{opacity:0;transform:translateY(-100%) rotateX(90deg);}
}
@-webkit-keyframes rotateFoldBottom{
	to{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);}
}
@-moz-keyframes rotateFoldBottom{
	to{opacity:0;-moz-transform:translateY(100%) rotateX(-90deg);}
}
@keyframes rotateFoldBottom{
	to{opacity:0;transform:translateY(100%) rotateX(-90deg);}
}

/* unfold */
@-webkit-keyframes rotateUnfoldLeft{
	from{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);}
}
@-moz-keyframes rotateUnfoldLeft{
	from{opacity:0;-moz-transform:translateX(-100%) rotateY(-90deg);}
}
@keyframes rotateUnfoldLeft{
	from{opacity:0;transform:translateX(-100%) rotateY(-90deg);}
}
@-webkit-keyframes rotateUnfoldRight{
	from{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);}
}
@-moz-keyframes rotateUnfoldRight{
	from{opacity:0;-moz-transform:translateX(100%) rotateY(90deg);}
}
@keyframes rotateUnfoldRight{
	from{opacity:0;transform:translateX(100%) rotateY(90deg);}
}
@-webkit-keyframes rotateUnfoldTop{
	from{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);}
}
@-moz-keyframes rotateUnfoldTop{
	from{opacity:0;-moz-transform:translateY(-100%) rotateX(90deg);}
}
@keyframes rotateUnfoldTop{
	from{opacity:0;transform:translateY(-100%) rotateX(90deg);}
}
@-webkit-keyframes rotateUnfoldBottom{
	from{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);}
}
@-moz-keyframes rotateUnfoldBottom{
	from{opacity:0;-moz-transform:translateY(100%) rotateX(-90deg);}
}
@keyframes rotateUnfoldBottom{
	from{opacity:0;transform:translateY(100%) rotateX(-90deg);}
}

/* room walls */
@-webkit-keyframes rotateRoomLeftOut{
	to{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);}
}
@-moz-keyframes rotateRoomLeftOut{
	to{opacity:.3;-moz-transform:translateX(-100%) rotateY(90deg);}
}
@keyframes rotateRoomLeftOut{
	to{opacity:.3;transform:translateX(-100%) rotateY(90deg);}
}
@-webkit-keyframes rotateRoomLeftIn{
	from{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);}
}
@-moz-keyframes rotateRoomLeftIn{
	from{opacity:.3;-moz-transform:translateX(100%) rotateY(-90deg);}
}
@keyframes rotateRoomLeftIn{
	from{opacity:.3;transform:translateX(100%) rotateY(-90deg);}
}
@-webkit-keyframes rotateRoomRightOut{
	to{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);}
}
@-moz-keyframes rotateRoomRightOut{
	to{opacity:.3;-moz-transform:translateX(100%) rotateY(-90deg);}
}
@keyframes rotateRoomRightOut{
	to{opacity:.3;transform:translateX(100%) rotateY(-90deg);}
}
@-webkit-keyframes rotateRoomRightIn{
	from{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);}
}
@-moz-keyframes rotateRoomRightIn{
	from{opacity:.3;-moz-transform:translateX(-100%) rotateY(90deg);}
}
@keyframes rotateRoomRightIn{
	from{opacity:.3;transform:translateX(-100%) rotateY(90deg);}
}
@-webkit-keyframes rotateRoomTopOut{
	to{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);}
}
@-moz-keyframes rotateRoomTopOut{
	to{opacity:.3;-moz-transform:translateY(-100%) rotateX(-90deg);}
}
@keyframes rotateRoomTopOut{
	to{opacity:.3;transform:translateY(-100%) rotateX(-90deg);}
}
@-webkit-keyframes rotateRoomTopIn{
	from{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);}
}
@-moz-keyframes rotateRoomTopIn{
	from{opacity:.3;-moz-transform:translateY(100%) rotateX(90deg);}
}
@keyframes rotateRoomTopIn{
	from{opacity:.3;transform:translateY(100%) rotateX(90deg);}
}
@-webkit-keyframes rotateRoomBottomOut{
	to{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);}
}
@-moz-keyframes rotateRoomBottomOut{
	to{opacity:.3;-moz-transform:translateY(100%) rotateX(90deg);}
}
@keyframes rotateRoomBottomOut{
	to{opacity:.3;transform:translateY(100%) rotateX(90deg);}
}
@-webkit-keyframes rotateRoomBottomIn{
	from{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);}
}
@-moz-keyframes rotateRoomBottomIn{
	from{opacity:.3;-moz-transform:translateY(-100%) rotateX(-90deg);}
}
@keyframes rotateRoomBottomIn{
	from{opacity:.3;transform:translateY(-100%) rotateX(-90deg);}
}

/* cube */
@-webkit-keyframes rotateCubeLeftOut{
	50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}
	100%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);}
}
@-moz-keyframes rotateCubeLeftOut{
	50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}
	100%{opacity:.3;-moz-transform:translateX(-100%) rotateY(-90deg);}
}
@keyframes rotateCubeLeftOut{
	50%{animation-timing-function:ease-out;transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}
	100%{opacity:.3;transform:translateX(-100%) rotateY(-90deg);}
}
@-webkit-keyframes rotateCubeLeftIn{
	0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);}
	50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);}
}
@-moz-keyframes rotateCubeLeftIn{
	0%{opacity:.3;-moz-transform:translateX(100%) rotateY(90deg);}
	50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);}
}
@keyframes rotateCubeLeftIn{
	0%{opacity:.3;transform:translateX(100%) rotateY(90deg);}
	50%{animation-timing-function:ease-out;transform:translateX(50%) translateZ(-200px) rotateY(45deg);}
}
@-webkit-keyframes rotateCubeRightOut{
	50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);}
	100%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);}
}
@-moz-keyframes rotateCubeRightOut{
	50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);}
	100%{opacity:.3;-moz-transform:translateX(100%) rotateY(90deg);}
}
@keyframes rotateCubeRightOut{
	50%{animation-timing-function:ease-out;transform:translateX(50%) translateZ(-200px) rotateY(45deg);}
	100%{opacity:.3;transform:translateX(100%) rotateY(90deg);}
}
@-webkit-keyframes rotateCubeRightIn{
	0%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);}
	50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}
}
@-moz-keyframes rotateCubeRightIn{
	0%{opacity:.3;-moz-transform:translateX(-100%) rotateY(-90deg);}
	50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}
}
@keyframes rotateCubeRightIn{
	0%{opacity:.3;transform:translateX(-100%) rotateY(-90deg);}
	50%{animation-timing-function:ease-out;transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}
}
@-webkit-keyframes rotateCubeTopOut{
	50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}
	100%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg);}
}
@-moz-keyframes rotateCubeTopOut{
	50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}
	100%{opacity:.3;-moz-transform:translateY(-100%) rotateX(90deg);}
}
@keyframes rotateCubeTopOut{
	50%{animation-timing-function:ease-out;transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}
	100%{opacity:.3;transform:translateY(-100%) rotateX(90deg);}
}
@-webkit-keyframes rotateCubeTopIn{
	0%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg);}
	50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}
}
@-moz-keyframes rotateCubeTopIn{
	0%{opacity:.3;-moz-transform:translateY(100%) rotateX(-90deg);}
	50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}
}
@keyframes rotateCubeTopIn{
	0%{opacity:.3;transform:translateY(100%) rotateX(-90deg);}
	50%{animation-timing-function:ease-out;transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}
}
@-webkit-keyframes rotateCubeBottomOut{
	50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}
	100%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg);}
}
@-moz-keyframes rotateCubeBottomOut{
	50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}
	100%{opacity:.3;-moz-transform:translateY(100%) rotateX(-90deg);}
}
@keyframes rotateCubeBottomOut{
	50%{animation-timing-function:ease-out;transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}
	100%{opacity:.3;transform:translateY(100%) rotateX(-90deg);}
}
@-webkit-keyframes rotateCubeBottomIn{
	0%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg);}
	50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}
}
@-moz-keyframes rotateCubeBottomIn{
	0%{opacity:.3;-moz-transform:translateY(-100%) rotateX(90deg);}
	50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}
}
@keyframes rotateCubeBottomIn{
	0%{opacity:.3;transform:translateY(-100%) rotateX(90deg);}
	50%{animation-timing-function:ease-out;transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}
}

/* carousel */
@-webkit-keyframes rotateCarouselLeftOut{
	to{opacity:.3;-webkit-transform:translateX(-150%) scale(.4) rotateY(-65deg);}
}
@-moz-keyframes rotateCarouselLeftOut{
	to{opacity:.3;-moz-transform:translateX(-150%) scale(.4) rotateY(-65deg);}
}
@keyframes rotateCarouselLeftOut{
	to{opacity:.3;transform:translateX(-150%) scale(.4) rotateY(-65deg);}
}
@-webkit-keyframes rotateCarouselLeftIn{
	from{opacity:.3;-webkit-transform:translateX(200%) scale(.4) rotateY(65deg);}
}
@-moz-keyframes rotateCarouselLeftIn{
	from{opacity:.3;-moz-transform:translateX(200%) scale(.4) rotateY(65deg);}
}
@keyframes rotateCarouselLeftIn{
	from{opacity:.3;transform:translateX(200%) scale(.4) rotateY(65deg);}
}
@-webkit-keyframes rotateCarouselRightOut{
	to{opacity:.3;-webkit-transform:translateX(200%) scale(.4) rotateY(65deg);}
}
@-moz-keyframes rotateCarouselRightOut{
	to{opacity:.3;-moz-transform:translateX(200%) scale(.4) rotateY(65deg);}
}
@keyframes rotateCarouselRightOut{
	to{opacity:.3;transform:translateX(200%) scale(.4) rotateY(65deg);}
}
@-webkit-keyframes rotateCarouselRightIn{
	from{opacity:.3;-webkit-transform:translateX(-200%) scale(.4) rotateY(-65deg);}
}
@-moz-keyframes rotateCarouselRightIn{
	from{opacity:.3;-moz-transform:translateX(-200%) scale(.4) rotateY(-65deg);}
}
@keyframes rotateCarouselRightIn{
	from{opacity:.3;transform:translateX(-200%) scale(.4) rotateY(-65deg);}
}
@-webkit-keyframes rotateCarouselTopOut{
	to{opacity:.3;-webkit-transform:translateY(-200%) scale(.4) rotateX(65deg);}
}
@-moz-keyframes rotateCarouselTopOut{
	to{opacity:.3;-moz-transform:translateY(-200%) scale(.4) rotateX(65deg);}
}
@keyframes rotateCarouselTopOut{
	to{opacity:.3;transform:translateY(-200%) scale(.4) rotateX(65deg);}
}
@-webkit-keyframes rotateCarouselTopIn{
	from{opacity:.3;-webkit-transform:translateY(200%) scale(.4) rotateX(-65deg);}
}
@-moz-keyframes rotateCarouselTopIn{
	from{opacity:.3;-moz-transform:translateY(200%) scale(.4) rotateX(-65deg);}
}
@keyframes rotateCarouselTopIn{
	from{opacity:.3;transform:translateY(200%) scale(.4) rotateX(-65deg);}
}
@-webkit-keyframes rotateCarouselBottomOut{
	to{opacity:.3;-webkit-transform:translateY(200%) scale(.4) rotateX(-65deg);}
}
@-moz-keyframes rotateCarouselBottomOut{
	to{opacity:.3;-moz-transform:translateY(200%) scale(.4) rotateX(-65deg);}
}
@keyframes rotateCarouselBottomOut{
	to{opacity:.3;transform:translateY(200%) scale(.4) rotateX(-65deg);}
}
@-webkit-keyframes rotateCarouselBottomIn{
	from{opacity:.3;-webkit-transform:translateY(-200%) scale(.4) rotateX(65deg);}
}
@-moz-keyframes rotateCarouselBottomIn{
	from{opacity:.3;-moz-transform:translateY(-200%) scale(.4) rotateX(65deg);}
}
@keyframes rotateCarouselBottomIn{
	from{opacity:.3;transform:translateY(-200%) scale(.4) rotateX(65deg);}
}

/* sides */
@-webkit-keyframes rotateSidesOut{
	to{opacity:0;-webkit-transform:translateZ(-500px) rotateY(90deg);}
}
@-moz-keyframes rotateSidesOut{
	to{opacity:0;-moz-transform:translateZ(-500px) rotateY(90deg);}
}
@keyframes rotateSidesOut{
	to{opacity:0;transform:translateZ(-500px) rotateY(90deg);}
}
@-webkit-keyframes rotateSidesIn{
	from{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg);}
}
@-moz-keyframes rotateSidesIn{
	from{opacity:0;-moz-transform:translateZ(-500px) rotateY(-90deg);}
}
@keyframes rotateSidesIn{
	from{opacity:0;transform:translateZ(-500px) rotateY(-90deg);}
}

/* slide */
@-webkit-keyframes rotateSlideOut{
	25%{opacity:.5;-webkit-transform:translateZ(-500px);}
	75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);}
	100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);}
}
@-moz-keyframes rotateSlideOut{
	25%{opacity:.5;-moz-transform:translateZ(-500px);}
	75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%);}
	100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%);}
}
@keyframes rotateSlideOut{
	25%{opacity:.5;transform:translateZ(-500px);}
	75%{opacity:.5;transform:translateZ(-500px) translateX(-200%);}
	100%{opacity:.5;transform:translateZ(-500px) translateX(-200%);}
}
@-webkit-keyframes rotateSlideIn{
	0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);}
	75%{opacity:.5;-webkit-transform:translateZ(-500px);}
	100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);}
}
@-moz-keyframes rotateSlideIn{
	0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%);}
	75%{opacity:.5;-moz-transform:translateZ(-500px);}
	100%{opacity:1;-moz-transform:translateZ(0) translateX(0);}
}
@keyframes rotateSlideIn{
	0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%);}
	75%{opacity:.5;transform:translateZ(-500px);}
	100%{opacity:1;transform:translateZ(0) translateX(0);}
}

/* animation delay classes */
.pt-page-delay100{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s;}
.pt-page-delay180{-webkit-animation-delay:.180s;-moz-animation-delay:.180s;animation-delay:.180s;}
.pt-page-delay200{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s;}
.pt-page-delay300{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s;}
.pt-page-delay400{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s;}
.pt-page-delay500{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s;}
.pt-page-delay700{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s;}
.pt-page-delay1000{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.larryui .ui-p{line-height:26px;font-weight:400;font-size:14px;color:#76838f;}
.larryui .ui-p cite{color:#35b8e0;padding:0px 5px;}
.larryui .ui-p em{color:#ff5722;padding:0px 3px;}
.larry-seacrh{display:inline-block;vertical-align:top;}
.larry-seacrh input.larry-input{height:32px;line-height:32px;border-radius:3px;display:inline-block;box-sizing:content-box;}
.w160{width:160px !important;}
.mw1200{
	max-width: 1200px;
	margin: 0 auto;
}
.nobefore:before{
	display: none;
}

.larry-form-label .larry-label-star{
	margin-right: 5px;
	color: #ff5722;
}
.larry-red{
	color: #ff5722;
}
/*transfer：穿梭框*/
.larry-form .larry-transfer{
	display: none;
}
.larry-transfer-content{
	width: 520px;
	height: 400px;
	position: relative;
}
.larry-transfer-content .larry-transfer-panel{
	display: inline-block;
	width: 210px;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd;
	position: relative;
}
.larry-transfer-content .larry-transfer-panel .larry-transfer-top{
	display: block;
	width: 100%;
	height: 38px;
	border-bottom: 1px solid #ddd;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	/*background: red;*/
}
.larry-transfer-top .larry-transfer-title{
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 38px;
	font-size: 14px;
	color: #333;
}
.larry-transfer-content .larry-transfer-panel .larry-transfer-bottom{
	display: block;
	width: 100%;
	height: 32px;
	border-top: 1px solid #ddd;
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	line-height: 32px;
	box-sizing: border-box;
	padding: 0px;
	padding-left: 10px;
	z-index: 10;
}
.larry-transfer-bottom .larry-form-checkbox{
	vertical-align: top;
	margin-top: 6px !important;
}
.larry-transfer-content .larry-transfer-btngroup{
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 230px;
	box-sizing: border-box;
	text-align: center;
}
.larry-transfer-content .larry-transfer-source{
	position: absolute;
	top: 0px;
	left: 0px;
}
.larry-transfer-content .larry-transfer-target{
	position: absolute;
	top: 0px;
	right: 0px;
}
.larry-transfer-content .larry-transfer-btngroup .larry-transfer-btn{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0px 15px;
	font-size: 12px;
	border: 1px solid #ddd;
    background-color: #f8f8f8;
    color: #C9C9C9;
    /*cursor: not-allowed;*/
    cursor: pointer;
    opacity: 1;
    white-space: nowrap;
    text-align: center;
    border-radius: 2px;
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}
.larry-transfer-content .larry-transfer-btngroup .larry-transfer-btn:hover{
	background: #01B2F2;
	color: #fff;
	border: 1px solid #01B2F2;
}
.larry-transfer-btngroup .larry-transfer-btn.larry-transfer-toright{
	margin-top: 135px;
	margin-bottom: 20px;
}
.larry-transfer-content .larry-transfer-panel .larry-transfer-list{
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	top: 38px;
	left: 0px;
	right: 0px;
	bottom: 32px;
	box-sizing: border-box;
	padding: 5px 10px;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 8;
}
.larry-multiple-select{

}
.larry-multiple-select dl{
	padding-top: 0px;
}
.larry-multiple-select dl dd{
	padding: 0px;
	padding: 0px !important;
	margin-bottom: 0px;
}
.larry-multiple-select dl dd.larry-select-tips{
	height: 42px;
	line-height: 42px;
	margin-bottom: 0px;
	border-bottom: 1px dotted #ececec;
}
.larry-multiple-select dl dd.larry-this{
	background-color: #fff !important;
}
.larry-multiple-select dl dd .larry-form-checkbox[lay-skin="primary"]{
	box-sizing: border-box;
	padding: 0px 10px;
	padding-left: 38px;
	margin-top: 0px;
	margin-top: 0px !important;
	min-width: 100% !important;
	min-height: 38px;
	line-height: 38px;
	padding-top: 10px;
}
.larry-multiple-select dl dd .larry-form-checkbox[lay-skin="primary"] span{
	vertical-align: top;
}
.larry-multiple-select dl dd .larry-form-checkbox[lay-skin="primary"] i{
	margin-left: 10px;
	vertical-align: top;
	margin-top: 10px;
}
.larry-multiple-select dl dd a.larry-opreate{
	display: inline-block;
	vertical-align: top;
	line-height: 20px;
	padding:0px 5px;
	padding-left: 0px;
	margin: 13px 15px 0px 0px;
	color: #999999;
	box-sizing: border-box;
}
.larry-multiple-select dl dd a.larry-opreate i{
	font-size: 18px;
}
.larry-multiple-select dl dd a.larry-opreate span{
	font-size: 14px;
	padding-left: 5px;
}
.larry-multiple-select dl dd a.larry-opreate:hover{
	color: #009688;
}
.larry-multiple-select .larry-select-title>input{
	display: none;
}
.larry-multiple-select .larry-title-input{
	min-height: 38px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	overflow: hidden;
	padding: 4px 10px 0px 10px;
	background: #fff;
}
.larry-multiple-select .larry-title-input a {
	display: inline-block;
    padding: 2px 5px;
    background: #5FB878;
    border-radius: 2px;
    color: #fff;
    line-height: 20px;
    height: 20px;
    margin: 2px 5px 2px 0;
    cursor: pointer;
}
.larry-multiple-select .larry-title-input a span{
	line-height: 20px;
	vertical-align: top;
}
.larry-multiple-select .larry-title-input a i{
	display: inline-block;
	height: 16px;
	line-height: 16px;
	box-sizing: border-box;
	vertical-align: top;
	cursor: pointer;
	padding-top: 2px;
	margin-left: 3px;
	margin-top: 2px;
}
.larry-multiple-select .larry-title-input a  i:hover{
	background: #009688;
}
/*tags标签生成器*/
.larry-input[tags="larry-tags"]{
	display: none;
}
.larry-form .larry-form-item .larry-tag-entry{
	height: 38px;
	border: 1px solid #E4EAEC;
	border-radius: 2px;
	line-height: 38px;
}
.larry-form .larry-form-item .larry-input-tags{
	height: auto;
	margin-top: 8px;
	line-height: 1.3;
	border: none;
	padding: 0px;
	box-sizing: border-box;
}
.larry-form .larry-form-item .larry-input-tags a.larry-tag{
	display: inline-block;
	vertical-align: middle;
	background: #5FB878;
	color: #fff;
	line-height: 16px;
	padding: 4px 6px 4px 10px;
	margin: 0px 8px 8px 0px;
	cursor: pointer;
}
.larry-form .larry-form-item .larry-input-tags a.larry-tag span{
	display: inline-block;
	line-height: 16px;
}
.larry-form .larry-form-item .larry-input-tags a.larry-tag i{
	display: inline-block;
	line-height: 16px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 1px;
	margin-left: 5px;
}
.larry-form .larry-form-item .larry-input-tags a.larry-tag i:hover{
	background: #009688;
}

.larry-form .larry-form-item .larry-input-tags a.larry-tag-entry input.larry-tag-input{
	height: 100%;
	box-sizing: border-box;
	border: none;
	padding-left: 10px;
}

/* 垂直导航菜单 */
.larry-nav{position: relative; padding: 0 15px;border-radius: 2px; font-size: 0; box-sizing: border-box;}
.larry-nav *{font-size: 16px;}
.larry-nav .larry-nav-item{position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 60px;}
.larry-nav .larry-nav-item a{display: block; padding: 0 5px; color: #fff; color: rgba(255,255,255,.7); transition: all .3s; -webkit-transition: all .3s;}
.larry-nav-bar,
.larry-nav .larry-this:after,
.larry-nav-tree .larry-nav-itemed:after{position: absolute; left: 0; top: 0; width: 0; height: 5px; background-color: #5FB878; transition: all .2s; -webkit-transition: all .2s;}
.larry-nav-bar{z-index: 1000;}

.larry-nav .larry-this:after{content: ''; top: auto; bottom: 0; width: 100%;}
.larry-nav-img{width: 30px; height: 30px; margin-right: 10px; border-radius: 50%;}

.larry-nav .larry-nav-more{content:''; width: 0; height: 0; border-style: dashed; border-color: transparent; overflow: hidden; cursor: pointer; transition: all .2s; -webkit-transition: all .2s;}
.larry-nav .larry-nav-more{position: absolute; top: 50%; right: 3px; margin-top: -3px; border-width: 6px; border-top-style: solid; border-top-color: #fff; border-top-color: rgba(255,255,255,.7);}
.larry-nav .larry-nav-mored,
.larry-nav-itemed > a .larry-nav-more{margin-top: -9px; border-style: dashed; border-color: transparent; border-bottom-style: solid; border-bottom-color: #fff;}


.larry-nav-child {
	display: none;
	position: absolute;
	left: 0;
	min-width: 100%;
	line-height: 24px;
	padding: 5px 0;
	z-index: 100;
	border-radius: 2px;
	white-space: nowrap;
}
.larry-nav .larry-nav-child a{color: #333;}
.larry-nav .larry-nav-child a:hover{background-color: #f2f2f2; color: #000;}
.larry-nav-child dd{position: relative;}
.larry-nav-child dd.larry-this:after{display: none;}



.larry-nav-tree {
	width: 200px;
	padding: 0;
}

.larry-nav-tree .larry-nav-item {
	display: block;
	width: 100%;
	line-height: 35px;
}

.larry-nav-tree .larry-nav-item a {
	position: relative;
	height: 36px;
	line-height: 36px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 16px;
	color: #7689a5;
	cursor: pointer;
}
.larry-nav-tree .larry-nav-item a cite{
	padding-left: 3px;
}
.larry-nav-tree .larry-nav-bar {
	width: 5px;
	height: 0;
}

.larry-nav-tree .larry-this, 
.larry-nav-tree .larry-this>a, 
.larry-nav-tree .larry-this>a:hover, 
.larry-nav-tree .larry-nav-child dd.larry-this, 
.larry-nav-tree .larry-nav-child dd.larry-this a cite{
	color: #7689A5 !important;
	font-size: 14px !important;
	line-height: 26px;
}

.larry-nav-tree .larry-this:after {
	display: none;
}

.larry-nav-tree .larry-nav-bar {
	background-color: #009688;
}

.larry-nav-tree .larry-nav-child {
	position: relative;
	z-index: 0;
	top: 0;
	border: none;
	box-shadow: none;
}
.larry-nav-tree .larry-nav-item  .larry-nav-child dd{
	padding-left: 15px;
	height: 26px;
	line-height: 26px;
}
.larry-nav-tree .larry-nav-child dd a{
	line-height: 26px;
	height: 26px;
}
.larry-nav-tree .larry-nav-child dd a cite{
	color: #9FA0A1;
	font-size: 14px !important;
	line-height: 26px;
}
.larry-nav-tree .larry-nav-child a:hover,
.larry-nav-tree .larry-nav-child{background: none; color: #095CA2;cursor: pointer;}
.larry-nav-tree .larry-nav-more{right: 10px;display: none;}

.larry-nav-itemed>.larry-nav-child{display: block; padding: 0;} 
.larry-nav-itemed>.larry-nav-child>.larry-this>.larry-nav-child{display: block;}
.larry-nav-tree .larry-nav-itemed>a>cite{
	color: #ff5722;
}
.larry-nav-tree .larry-nav-itemed>.larry-nav-child dd.larry-this a cite{
	color: #1E9FFF !important;
	font-size: 14px !important;
	line-height: 26px;
}


.layui-table tbody tr:hover,.layui-table-hover{
    background-color: #ddd !important;
    color:#1E9FFF !important;
}