.ms-controller{
    /* visibility: hidden; */
}


.layui-breadcrumb a:hover{
    color: #4C6FF0 !important;
}

/* timeline-start */
.timeline {
    display: flex;
    align-items: center;
    padding-bottom: 40px;
    padding-left: 60px;
    padding-right: 60px;
}

.circle {
    border-radius: 100px;
    border: 2px solid #999;
    text-align: center;
    color: #999;
    position: relative;
}

.cirlce-mark{
    width: 26px;
    height: 26px;
    line-height: 26px;
}

.circle.selected{
    border: 2px solid #4C6FF0 !important;
    color: #4C6FF0;
}

.circle-text {
    position: absolute;
    width: 150px;
    left: -60px;
    top:35px;
    font-size: 12px;
    line-height: 18px;
}

.line {
    flex-grow: 1;
}

.line hr{
    border: 1px solid #999 !important;
}

.line.selected hr{
    border-color: #4C6FF0 !important;
}

/* timeline-end */

/* 需要引入的css文件 */
html{
    touch-action:none;
    touch-action:pan-y;
}
.verify-code {
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	margin-bottom: 5px;
	border: 1px solid #ddd;
}

.cerify-code-panel {
	height:100%;
	overflow:hidden;
}

.verify-code-area {
	float:left;
}

.verify-input-area {
	float: left;
	width: 60%;
	padding-right: 10px;
	
}

.verify-change-area {
	line-height: 30px;
	float: left;
}

.varify-input-code {
	display:inline-block; 
	width: 100%;
	height: 25px;
}

.verify-change-code {
	color: #337AB7;
	cursor: pointer;
}

.verify-btn {
	width: 200px;
	height: 30px;
	background-color: #337AB7;
	color:#FFFFFF;
	border:none;
	margin-top: 10px;
}



.verifybox{
    position: relative;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #e4e7eb;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    /* display: inline-block; */
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.verifybox-top{
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 16px;
    color: #45494c;
    border-bottom: 1px solid #e4e7eb;
    box-sizing: border-box;
}
.verifybox-bottom{
    padding: 15px;
    box-sizing: border-box;
}
.verifybox-close{
    position: absolute;
    top: 13px;
    right: 9px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
}
.mask{
    position: fixed;
    top: 0;
    left:0;
    bottom: 0;
    right: 0;
    z-index: 99891014;
    background: rgba(0,0,0,.3);
    transition: all .5s;
    display: none;
}

.verify-tips{
    position: absolute;
    /* display: none; */
    left: 0px;
    bottom:-35px;
    width: 100%;
    height: 30px;
    /* transition: all .5s; */
    line-height:30px;
    color: #fff;
    /* animation:move 1.5s linear; */
}

@keyframes move {
    0%{
        bottom:-35px;
    }
    50%,80%{
        bottom:0px;
    }
    100%{
        bottom:-35px;
    }
}

.suc-bg{
   background-color:rgba(92, 184, 92,.5);  
   filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f5CB85C, endcolorstr=#7f5CB85C);
}
.err-bg{
   background-color:rgba(217, 83, 79,.5);  
   filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fD9534F, endcolorstr=#7fD9534F);
}

/*滑动验证码*/
.verify-bar-area {
    position: relative;
    background: #FFFFFF;
   	text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
   	border: 1px solid #ddd;
   	-webkit-border-radius: 4px;
}
 
.verify-bar-area .verify-move-block {
    position: absolute;
    top: 0px;
    left: 0;
    background: #fff;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    box-shadow: 0 0 2px #888888;
    -webkit-border-radius: 1px;
}

.verify-bar-area .verify-move-block:hover {
    background-color: #337ab7;
    color: #FFFFFF;
}

.verify-bar-area .verify-left-bar {
    position: absolute;
    top: -1px;
    left: -1px;
   	background: #f0fff0;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #ddd;
}

.verify-img-panel {
	margin:0;
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border: 1px solid #ddd;
	border-radius: 3px;
	position: relative;
}

.verify-img-panel .verify-refresh {
	width: 25px;
	height: 25px;
	text-align:center;
	padding: 5px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.verify-img-panel .icon-refresh {
	font-size: 20px;
	color: #fff;
}

.verify-img-panel .verify-gap {
	background-color: #fff;
	position: relative;
	z-index: 2;
	border:1px solid #fff;
}

.verify-bar-area .verify-move-block .verify-sub-block {
	position: absolute;
    text-align: center;
	z-index: 3;
	/* border: 1px solid #fff; */
}

.verify-bar-area .verify-move-block .verify-icon {
	font-size: 18px;
}

.verify-bar-area .verify-msg {
	z-index : 3;
}


.header-all{
    position: fixed;
    width:100%;
    top:0px;
    z-index: 999;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* 导航start */
.m-nav a {
    font-size: 14px;
}

.m-nav{
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.m-nav .layui-nav-bar {
    opacity: 0;
    width: 0px;
}

.layui-nav .select:after, .layui-nav .layui-nav-item-1:hover:after{
    content: "";
    position: absolute;
    width: 60%;
    left: 20%;
    height: 2px;
    background-color: #ffffff !important;
    transition: all .2s;
    -webkit-transition: all .3s;
    pointer-events: none;
}

.login-tab .select:after, .login-tab div:hover:after{
    content: "";
    position: absolute;
    width: 80%;
    left:10%;
    bottom:0px;
    height: 2px;
    background-color: #4C6FF0;
    transition: all .2s;
    -webkit-transition: all .3s;
}
.login-tab .select, .login-tab div:hover{
    color: #4C6FF0;
}

.login-tab div{
    padding:10px 0px;
    font-size: 18px;
    cursor: pointer;
}

.layui-nav-item-1:hover:after, .layui-nav .select:after{
    animation: scaleX 0.3s
}

.jiyan-wrap .loading {
    margin: auto;
    width: 70px;
    height: 20px;
}

.jiyan-wrap .geetest_holder{
    display: inline-block;
    vertical-align: middle;
    width: 240px !important;
    padding-bottom: 10px;
}

.jiyan-wrap .loading-dot {
    float: left;
    width: 8px;
    height: 8px;
    margin: 18px 4px;
    background: #ccc;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    opacity: 0;

    -webkit-box-shadow: 0 0 2px black;
    -moz-box-shadow: 0 0 2px black;
    -ms-box-shadow: 0 0 2px black;
    -o-box-shadow: 0 0 2px black;
    box-shadow: 0 0 2px black;

    -webkit-animation: loadingFade 1s infinite;
    -moz-animation: loadingFade 1s infinite;
    animation: loadingFade 1s infinite;
}

.jiyan-wrap .loading-dot:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.jiyan-wrap .loading-dot:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.jiyan-wrap .loading-dot:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.jiyan-wrap .loading-dot:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

@-webkit-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@-moz-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@keyframes scaleX {
    from{
        transform: scaleX(0);
    }

    to{
        transform: scaleX(1);
    }
}

.layui-nav .select{
}

.nav-login-btn {
    line-height: 30px;
    font-size: 14px ;
    padding: 0px 30px !important;
    border-radius: 40px 40px 40px 40px;
    position: relative;
}

.nav-login-btn::after{
    position: absolute;
    content: ' ';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 40px 40px 40px 40px;
    border: 1px solid #FFFFFF;
}

.nav-login-btn:hover{
    background: linear-gradient(90deg, #6430F3 0%, #4C6FF0 51%, #FF4EAA 98%);
}

.nav-login-btn:hover::after{
    border: 0px solid #FFFFFF;
}


.border-btn {
    position: relative;
    background: linear-gradient(90deg, #6430F3 0%, #4C6FF0 25%, #FF4EAA 50%, #6430F3 75%, #4C6FF0 98%);
    border-radius: 40px;
    background-size: 200%;
    z-index: 0;    
    color: #ffffff;
    transition: all .5s ;
}

.border-btn:hover{
    color:#ffffff;
    background-position: 100% 0;   
}


.nav-reg-btn {
    line-height: 30px;
    margin: 15px 0px;
    margin-left: 20px;
    font-size: 16px !important;
}
.layui-nav .layui-nav-item-1, .layui-nav .layui-nav-item-2 {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom:1;
    vertical-align: middle;
    line-height: 60px;
    
}

.layui-nav .layui-nav-item-1 a , .layui-nav .layui-nav-item-2 a {
    display: block;
    padding: 0 20px;
    color: #fff;
    transition: all .3s;
    -webkit-transition: all .3s
}
/* 导航end */

/* form start */
.fm-label{
    font-size: 14px;
    color: #101010;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    width: 20%;
}

.fm-field{
    display: inline-block;
    vertical-align: middle;
    width: 70%;
}
.fm-field-full{
    display: inline-block;
    vertical-align: middle;
    width: 78%;
}

.fm-progress-mark {
    text-align: center;
    position: absolute;
    top: -15px;
    /* transform: translateX(-50%); */
}
.fm-circle{
    position: relative;
    width: 32px;
    line-height: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 100px;
    font-size: 14px;
    background-color: #41445a;
    color: #818181;
    display: inline-block;
}

.select .fm-circle{
    color: #ffffff;
    background-color: #4C6FF0;
}
.select .fm-circle-text{
    color: #ffffff;
}

.fm-row{
    padding: 18px 16px;
    background: #2e324a;
    background: rgba(255,255,255,0.05);
    border-radius: 8px ;
    border: 1px solid #3f4359;
    border: 1px solid rgba(255,255,255,0.1);
}

.fm-circle-text{
    position: relative;
    font-size: 12px;
    color: #AAAAAA;
    margin-top: 5px;
}

.fm-btn-1st{
    padding: 12px 10px;
    width: 130px;
    font-size: 14px;
    color: #ffffff;
    background-color: #4C6FF0;
    display: inline-block;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    
    border: 1px solid #ffffff;

    background: linear-gradient(90deg, hsl(256, 89%, 57%) 0%, #4C6FF0 25%, #FF4EAA 50%, #6430F3 75%, #4C6FF0 98%);
    background-size: 200% ;
    border-radius: 22px;
}
.fm-btn-1st:hover{
    color: #ffffff;
    background-color: #0467fa;
    background-position: 100% 0%;
}

.fm-btn-2nd{
    padding: 12px 10px;
    width: 130px;
    font-size: 14px;
    color: #ffffff;
    border: 1px solid #575b70;
    display: inline-block;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 22px;
}

.fm-btn-2nd:hover{
    color: #4C6FF0;
    border: 1px solid #4C6FF0;
}

.fm-btn-2nd-old{
    padding: 12px 10px;
    width: 130px;
    font-size: 14px;
    color: #6B6B6B;
    border: 1px solid #C8CED8;
    border-radius: 22px;
    display: inline-block;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.fm-btn-2nd-old:hover{
    color: #3988FF;
    border: 1px solid #3988FF;
}

.fm-btn-3rd{
    background-color: #FB402F;
    width: 150px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #ffffff;
    border: 1px solid #FB402F;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.fm-btn-3rd:hover{
    color: #ffffff;
    border: 1px solid #FB402F;
    background-color: #c22d20;
    border: 1px solid #c22d20;
}

.fm-btn-4th{
    width: 122px;
    height: 50px;
    background: #E9F4FC;
    border: 1px solid #4C6FF0;
    color: #4C6FF0;
    line-height: 50px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.fm-btn-4th:hover{
    background-color: #4C6FF0;
    color: #E9F4FC;
    border: 1px solid #0467fa;
}


.layui-select, .layui-input{
    height: 50px;
    /* line-height: 50px; */
}

.layui-form-select dl{
    top:52px;
}

.layui-form-select dl dd.layui-this {
    background-color: #4C6FF0;
    color: #fff;
}

.layui-slider-bar{
    background-color: #4C6FF0 !important;
}
.layui-slider{
    height: 6px;
}
.layui-slider-wrap-btn{
    border: none !important;
    border-radius: 0px;
    background-color: unset;
    background-image: url(../img/btn_switch.png);
    width: 19px;
    height: 39px;
}

.layui-slider-input{
    height: 32px !important;
}

.layui-form-radio:hover *,.layui-form-radioed,.layui-form-radioed>i {
    color: #4C6FF0 !important;
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #4C6FF0!important;
    background-color: #4C6FF0;
    color: #fff
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #4C6FF0;
    color: #fff
}

.auto-login-text .layui-form-checkbox[lay-skin=primary] span{
    color: #999999;
}

.layui-form-radio .icon-alipay, .layui-form-radio .icon-weixin, .layui-form-radio .icon-yunshanfu{
    color:#aaa !important;
}

.layui-form-radio:hover .icon-alipay,  .layui-form-radioed .icon-alipay{
    color:#1677FF !important;
}
.layui-form-radio:hover .icon-weixin,  .layui-form-radioed .icon-weixin{
    color:#22AC38 !important;
}
.layui-form-radio:hover .icon-yunshanfu,  .layui-form-radioed .icon-yunshanfu{
    color:#E12724 !important;
}





/* form end */

/* stepper-start */
.fm-stepper{
    line-height: 40px;
    text-align: center;
}

.fm-stepper .less, .fm-stepper .more{
    border: 1px solid #575b70;
    width: 40px;
    font-size: 18px;
    cursor: pointer;
    color: #ffffff;
}

.fm-stepper .less{
    border-radius: 24px 0px 0px 24px;
}

.fm-stepper .more{
    border-radius: 0px 24px 24px 0px;
}

.fm-stepper .input{
    border-bottom: 1px solid #575b70;
    border-top: 1px solid #575b70;
    
    width: 60px;
    line-height: 40px;
    height:40px;
}

.fm-stepper .input input{
    width: 60px;
    line-height: 40px;
    height:40px;
    border: none;
    text-align: center;
    color: #3a3a3a;
    background:none;
}


.fm-stepper .less, .fm-stepper .more, .fm-stepper .input{
    display: inline-block;
    vertical-align: middle;
    
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.fm-stepper .less:hover, .fm-stepper .more:hover{
    border: 1px solid #4C6FF0;
    
    color: #4C6FF0;
}

.fm-stepper .less:active, .fm-stepper .more:active{
    font-size: 22px;
}

.ani-bigger{
    animation: bigger 0.3s
}

@keyframes bigger {
    0%{
        transform: scale(1);
    }

    50%{
        transform: scale(1.5);
    }

    100%{
        transform: scale(1);
    }
}
/* stepper-end */

.help-item{
    position: relative;
    z-index: 0;
    cursor: pointer;
}

.help-item:hover .help-data{
    display:block;
}

.help-data{
    border: solid 1px #3c99f9;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px;
    display: none;
    position: absolute;
    z-index: 99;
    left:-120px;
    top:-20px;
    /* animation: lightSpeedIn 0.4s; */
}

.filperY-hide{
    animation: filperYHide 0.3s linear;
    animation-fill-mode: forwards;
}
.filperY-show{
    animation: filperYShow 0.3s linear;
    animation-fill-mode: forwards;
}

@keyframes filperYHide {
    0%{
        transform:perspective(400px) rotateY(0deg);
    }

    100%{
        transform:perspective(400px) rotateY(90deg);
    }
}

@keyframes filperYShow {
    0%{
        transform:perspective(400px) rotateY(-90deg);
    }

    100%{
        transform:perspective(400px) rotateY(0deg);
    }
}
.ms-controller{visibility: hidden }

.show{display: block; animation: fadeIn 1s}
.hide{display: none;}
.l-container{
    width: 1200px;
    margin: 0 auto;
}

.header-w{
    min-width: 1024px;
}

@media screen and (max-width: 1200px) { 
    .l-container{
        width: 100%;
        margin: 0 auto;
    }

    .header-w{
        min-width: 100%;
    }
}


.shadow{box-shadow: 0px 0px 19px 1px rgba(194,194,194,0.3100)}

.layui-layer-btn .layui-layer-btn0{
    border-color: #0467fa !important;
    background-color: #0467fa !important;
}

.link{color:#ffffff;transition: all 0.3s;-webkit-transition: all 0.3s;}
.link:hover{color: #0467fa;}
.link-2nd{color:#ffffff;transition: all 0.3s;-webkit-transition: all 0.3s;}
.link-2nd:hover{color: #4C6FF0;}
.link-1st{color: #4C6FF0;transition: all 0.3s;-webkit-transition: all 0.3s;}
.link-1st:hover{color: #0467fa;}
.link-3rd{color:#ffffff;transition: all 0.3s;-webkit-transition: all 0.3s;}
.link-3rd:hover{color: #bebaba;}
.link-4th{color:#FF7871;transition: all 0.3s;-webkit-transition: all 0.3s;}
.link-4th:hover{color: #FF7871;}

.l-h-88 {line-height: 88px !important;}
.l-h-60 {line-height: 60px !important;}
.l-h-72 {line-height: 72px !important;}
.header-bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#1A1E39;
    /* background: rgba(9,11,34,0.6); */
    opacity: 1;
}

.hand{cursor: pointer;}
.hand:hover{opacity: 0.85;}
.inline{display: inline-block;vertical-align: top;}
.inline-s{display: inline-block;}
.inline-center{display: inline-block;vertical-align:middle;}
.pst-re{position: relative;}
.pst-ab{position: absolute;}
.effect{transition: all 0.3s;-webkit-transition: all 0.3s;}


.color-1st{color: #4C6FF0 !important;}
.color-fff{color: #ffffff;}
.color-000{color: #252525;}
.color-999{color: #999999;}
.color-444{color: #444444;}
.color-81{color: #818181;color: rgba(255,255,255,.75);}
.color-3a{color: #3a3a3a;}
.color-10{color: #101010;}
.color-red{color:#FF7871;}
.color-green{color:#2db666;}
.color-org{color:#FC5434;}
.color-6b{color:#6b6b6b;}
.color-aa{color: #aaaaaa;}

.bg-none{background: none; }
.bg-fff{background-color: #ffffff;}
.bg-1st{background-color: #4C6FF0;}
.bg-000{background-color: #222531;}
.bg-f5{background-color: #F5F9FF;}
.bg-img-once{background-repeat: no-repeat;background-size: 100% 100%;}

.width-full{width:100%;}
.height-full{height:100%;}
.italic{font-style: italic;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center,.center{text-align:center;text-align: -moz-center;text-align:-webkit-center;}
.text-bold,.bold{font-weight: bold;}
.text-nowrap{white-space: nowrap;}
.text-underline{text-decoration:underline}
.no-select{user-select: none;}
.border-radius{border-radius: 100px;}
.border-r-10{border-radius: 10px;}
.border-r-5{border-radius: 5px;}
.border-r-6{border-radius: 6px;}
.border-all{border: 1px solid #ffffff; }
.border-all-1st{border: 1px solid #4C6FF0; }
.border-all-2nd{border: 1px solid #dddddd;}
.no-float{float: none;clear: both;}


.btn-gold, .btn-gold a{
    background-color: #FDE4CE;
    border-radius: 100px;
    color: #1A1E39;
    text-align: center;
    height:50px;
    border: none;
    padding: 15px 60px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;

    
    background: linear-gradient(176deg, #FDE4CE 0%, #EDD1AC 100%);
}

.btn-gold:hover,  .btn-gold a:hover, .btn-gold:hover a{
    color: #4C6FF0;
    background-color:#FDE4CE;
    background: linear-gradient(176deg, #FDE4CE 0%, #EDD1AC 100%);
}

.btn-1st, .btn-1st a{
    background-color: #4C6FF0;
    border-radius: 100px;
    color: #ffffff;
    text-align: center;
    height:50px;
    border: none;
    padding: 15px 60px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;

    
    background: linear-gradient(90deg, #6430F3 0%, #4C6FF0 25%, #FF4EAA 50%, #6430F3 75%, #4C6FF0 98%);
    background-size: 200% ;
}
.btn-1st:hover,  .btn-1st a:hover, .btn-1st:hover a{
    color: #ffffff;
    background-color:#0467fa;

    background-position: 100% 0;
}

.btn-2nd, .btn-2nd a{
    background-color: #ffffff;
    border-radius: 100px;
    color: #4C6FF0;
    text-align: center;
    height:50px;
    border: none;
    padding: 15px 60px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.btn-2nd:hover,  .btn-2nd a:hover, .btn-2nd:hover a{
    color: #176ff3;
    background-color:#dddddd;
}

.btn-3rd, .btn-3rd a{
    background-color: #ffffff;
    border-radius: 100px;
    color: #4C6FF0;
    text-align: center;
    height:50px;
    border: none;
    padding: 14px 59px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border: 1px solid #4C6FF0;
}
.btn-3rd:hover,  .btn-3rd a:hover, .btn-3rd:hover a{
    color: #176ff3;
    background-color:#dddddd;
}

.btn-disabled{
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:gray;
}

/* 字号 */
.size-60{font-size: 60px;}
.size-48{font-size: 48px;}
.size-40{font-size: 40px;}
.size-36{font-size: 36px;}
.size-32{font-size: 32px;}
.size-30{font-size: 30px;}
.size-28{font-size: 28px;}
.size-26{font-size: 26px;}
.size-24{font-size: 24px;}
.size-22{font-size: 22px;}
.size-20{font-size: 20px;}
.size-18{font-size: 18px;}
.size-16{font-size: 16px;}
.size-14{font-size: 14px;}
.size-12{font-size: 12px;}

.m-t-88{margin-top: 88px;}
.m-t-72{margin-top:72px;}


/* margin 4 */
.m-l-4{ margin-left: 4px; }
.m-r-4{ margin-right: 4px; }
.m-lr-4{ margin-left: 4px; margin-right: 4px; }
.m-t-4{ margin-top: 4px; }
.m-b-4{ margin-bottom: 4px; }
.m-tb-4{ margin-top: 4px; margin-bottom: 4px; }
.m-lrtb-4{ margin: 4px;}

/* margin-10 */
.m-l-7{ margin-left: 7px; }
.m-l-10{ margin-left: 10px; }
.m-r-10{ margin-right: 10px; }
.m-lr-10{ margin-left: 10px; margin-right: 10px; }
.m-t-10{ margin-top: 10px; }
.m-b-10{ margin-bottom: 10px; }
.m-tb-10{ margin-top: 10px; margin-bottom: 10px; }
.m-lrtb-10{ margin: 10px;}

/* margin-12 */
.m-l-12{ margin-left: 12px; }
.m-r-12{ margin-right: 12px; }
.m-lr-12{ margin-left: 12px; margin-right: 12px; }
.m-t-12{ margin-top: 12px; }
.m-b-12{ margin-bottom: 12px; }
.m-tb-12{ margin-top: 12px; margin-bottom: 12px; }
.m-lrtb-12{ margin: 12px;}

/* margin 18 */
.m-l-18{ margin-left: 18px; }
.m-r-18{ margin-right: 18px; }
.m-lr-18{ margin-left: 18px; margin-right: 18px; }
.m-t-18{ margin-top: 18px; }
.m-b-18{ margin-bottom: 18px; }
.m-tb-18{ margin-top: 18px; margin-bottom: 18px; }
.m-lrtb-18{ margin: 18px;}

/* margin 20 */
.m-l-20{ margin-left: 20px; }
.m-r-20{ margin-right: 20px; }
.m-lr-20{ margin-left: 20px; margin-right: 20px; }
.m-t-20{ margin-top: 20px; }
.m-b-20{ margin-bottom: 20px; }
.m-tb-20{ margin-top: 20px; margin-bottom: 20px; }
.m-lrtb-20{ margin: 20px;}

/* margin-30 */
.m-l-30{ margin-left: 30px; }
.m-r-30{ margin-right: 30px; }
.m-lr-30{ margin-left: 30px; margin-right: 30px; }
.m-t-30{ margin-top: 30px; }
.m-b-30{ margin-bottom: 30px; }
.m-tb-30{ margin-top: 30px; margin-bottom: 30px; }
.m-lrtb-30{ margin: 30px;}

/* margin-40 */
.m-l-40{ margin-left: 40px; }
.m-r-40{ margin-right: 40px; }
.m-lr-40{ margin-left: 40px; margin-right: 40px; }
.m-t-40{ margin-top: 40px; }
.m-b-40{ margin-bottom: 40px; }
.m-tb-40{ margin-top: 40px; margin-bottom: 40px; }
.m-lrtb-40{ margin: 40px;}

/* margin-50 */
.m-l-50{ margin-left: 50px; }
.m-r-50{ margin-right: 50px; }
.m-lr-50{ margin-left: 50px; margin-right: 50px; }
.m-t-50{ margin-top: 50px; }
.m-b-50{ margin-bottom: 50px; }
.m-tb-50{ margin-top: 50px; margin-bottom: 50px; }
.m-lrtb-50{ margin: 50px;}

/* margin-60 */
.m-l-60{ margin-left: 60px; }
.m-r-60{ margin-right: 60px; }
.m-lr-60{ margin-left: 60px; margin-right: 60px; }
.m-t-60{ margin-top: 60px; }
.m-b-60{ margin-bottom: 60px; }
.m-tb-60{ margin-top: 60px; margin-bottom: 60px; }
.m-lrtb-60{ margin: 60px;}

/* margin-70 */
.m-l-70{ margin-left: 70px; }
.m-r-70{ margin-right: 70px; }
.m-lr-70{ margin-left: 70px; margin-right: 70px; }
.m-t-70{ margin-top: 70px; }
.m-b-70{ margin-bottom: 70px; }
.m-tb-70{ margin-top: 70px; margin-bottom: 70px; }
.m-lrtb-70{ margin: 70px;}

/* margin 80 */
.m-l-80{ margin-left: 80px; }
.m-r-80{ margin-right: 80px; }
.m-lr-80{ margin-left: 80px; margin-right: 80px; }
.m-t-80{ margin-top: 80px; }
.m-b-80{ margin-bottom: 80px; }
.m-tb-80{ margin-top: 80px; margin-bottom: 80px; }
.m-lrtb-80{ margin: 80px;}

/* margin 90 */
.m-l-90{ margin-left: 90px; }
.m-r-90{ margin-right: 90px; }
.m-lr-90{ margin-left: 90px; margin-right: 90px; }
.m-t-90{ margin-top: 90px; }
.m-b-90{ margin-bottom: 90px; }
.m-tb-90{ margin-top: 90px; margin-bottom: 90px; }
.m-lrtb-90{ margin: 90px;}

/* margin-100 */
.m-l-100{ margin-left: 100px; }
.m-r-100{ margin-right: 100px; }
.m-lr-100{ margin-left: 100px; margin-right: 100px; }
.m-t-100{ margin-top: 100px; }
.m-b-100{ margin-bottom: 100px; }
.m-tb-100{ margin-top: 100px; margin-bottom: 100px; }
.m-lrtb-100{ margin: 100px;}

/* margin-110 */
.m-l-110{ margin-left: 110px; }
.m-r-110{ margin-right: 110px; }
.m-lr-110{ margin-left: 110px; margin-right: 110px; }
.m-t-110{ margin-top: 110px; }
.m-b-110{ margin-bottom: 110px; }
.m-tb-110{ margin-top: 110px; margin-bottom: 110px; }
.m-lrtb-110{ margin: 110px;}

/* padding 4 */
.p-l-4{ padding-left: 4px; }
.p-r-4{ padding-right: 4px; }
.p-lr-4{ padding-left: 4px; padding-right: 4px; }
.p-t-4{ padding-top: 4px; }
.p-b-4{ padding-bottom: 4px; }
.p-tb-4{ padding-top: 4px; padding-bottom: 4px; }
.p-lrtb-4{ padding: 4px;}

/* padding-10 */
.p-l-10{ padding-left: 10px; }
.p-r-10{ padding-right: 10px; }
.p-lr-10{ padding-left: 10px; padding-right: 10px; }
.p-t-10{ padding-top: 10px; }
.p-b-10{ padding-bottom: 10px; }
.p-tb-10{ padding-top: 10px; padding-bottom: 10px; }
.p-lrtb-10{ padding: 10px;}

/* padding-12 */
.p-l-12{ padding-left: 12px; }
.p-r-12{ padding-right: 12px; }
.p-lr-12{ padding-left: 12px; padding-right: 12px; }
.p-t-12{ padding-top: 12px; }
.p-b-12{ padding-bottom: 12px; }
.p-tb-12{ padding-top: 12px; padding-bottom: 12px; }
.p-lrtb-12{ padding: 12px;}

/* padding 18 */
.p-l-18{ padding-left: 18px; }
.p-r-18{ padding-right: 18px; }
.p-lr-18{ padding-left: 18px; padding-right: 18px; }
.p-t-18{ padding-top: 18px; }
.p-b-18{ padding-bottom: 18px; }
.p-tb-18{ padding-top: 18px; padding-bottom: 18px; }
.p-lrtb-18{ padding: 18px;}

/* padding 20 */
.p-l-20{ padding-left: 20px; }
.p-r-20{ padding-right: 20px; }
.p-lr-20{ padding-left: 20px; padding-right: 20px; }
.p-t-20{ padding-top: 20px; }
.p-b-20{ padding-bottom: 20px; }
.p-tb-20{ padding-top: 20px; padding-bottom: 20px; }
.p-lrtb-20{ padding: 20px;}

/* padding-30 */
.p-l-30{ padding-left: 30px; }
.p-r-30{ padding-right: 30px; }
.p-lr-30{ padding-left: 30px; padding-right: 30px; }
.p-t-30{ padding-top: 30px; }
.p-b-30{ padding-bottom: 30px; }
.p-tb-30{ padding-top: 30px; padding-bottom: 30px; }
.p-lrtb-30{ padding: 30px;}

/* padding-40 */
.p-l-40{ padding-left: 40px; }
.p-r-40{ padding-right: 40px; }
.p-lr-40{ padding-left: 40px; padding-right: 40px; }
.p-t-40{ padding-top: 40px; }
.p-b-40{ padding-bottom: 40px; }
.p-tb-40{ padding-top: 40px; padding-bottom: 40px; }
.p-lrtb-40{ padding: 40px;}

/* padding-50 */
.p-l-50{ padding-left: 50px; }
.p-r-50{ padding-right: 50px; }
.p-lr-50{ padding-left: 50px; padding-right: 50px; }
.p-t-50{ padding-top: 50px; }
.p-b-50{ padding-bottom: 50px; }
.p-tb-50{ padding-top: 50px; padding-bottom: 50px; }
.p-lrtb-50{ padding: 50px;}

/* padding-60 */
.p-l-60{ padding-left: 60px; }
.p-r-60{ padding-right: 60px; }
.p-lr-60{ padding-left: 60px; padding-right: 60px; }
.p-t-60{ padding-top: 60px; }
.p-b-60{ padding-bottom: 60px; }
.p-tb-60{ padding-top: 60px; padding-bottom: 60px; }
.p-lrtb-60{ padding: 60px;}

/* padding-70 */
.p-l-70{ padding-left: 70px; }
.p-r-70{ padding-right: 70px; }
.p-lr-70{ padding-left: 70px; padding-right: 70px; }
.p-t-70{ padding-top: 70px; }
.p-b-70{ padding-bottom: 70px; }
.p-tb-70{ padding-top: 70px; padding-bottom: 70px; }
.p-lrtb-70{ padding: 70px;}

/* padding 80 */
.p-l-80{ padding-left: 80px; }
.p-r-80{ padding-right: 80px; }
.p-lr-80{ padding-left: 80px; padding-right: 80px; }
.p-t-80{ padding-top: 80px; }
.p-b-80{ padding-bottom: 80px; }
.p-tb-80{ padding-top: 80px; padding-bottom: 80px; }
.p-lrtb-80{ padding: 80px;}

/* padding 90 */
.p-l-90{ padding-left: 90px; }
.p-r-90{ padding-right: 90px; }
.p-lr-90{ padding-left: 90px; padding-right: 90px; }
.p-t-90{ padding-top: 90px; }
.p-b-90{ padding-bottom: 90px; }
.p-tb-90{ padding-top: 90px; padding-bottom: 90px; }
.p-lrtb-90{ padding: 90px;}

/* padding-100 */
.p-l-100{ padding-left: 100px; }
.p-r-100{ padding-right: 100px; }
.p-lr-100{ padding-left: 100px; padding-right: 100px; }
.p-t-100{ padding-top: 100px; }
.p-b-100{ padding-bottom: 100px; }
.p-tb-100{ padding-top: 100px; padding-bottom: 100px; }
.p-lrtb-100{ padding: 100px;}

/* padding-110 */
.p-l-110{ padding-left: 110px; }
.p-r-110{ padding-right: 110px; }
.p-lr-110{ padding-left: 110px; padding-right: 110px; }
.p-t-110{ padding-top: 110px; }
.p-b-110{ padding-bottom: 110px; }
.p-tb-110{ padding-top: 110px; padding-bottom: 110px; }
.p-lrtb-110{ padding: 110px;}