body{
    padding-top:70px;
    color:#666;
    background:#f4f7f7;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'
}
.section{
    margin:0
}
.section:nth-child(odd){
    background-color:#fff
}
.section-title{
    padding:40px 0;
    text-align:center
}
.section-title>h2{
    color:#333;
    font-size:30px;
    font-weight:400;
    margin-bottom:10px
}
.section-title>p{
    font-size:18px;
    color:#999
}
.body-card{
    margin-top:15px;
    margin-bottom:25px
}
.layui-elem-quote{
    background-color:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.06);
    border-radius:0;
    color:#666;
    border-color:#1890ff
}
.layui-text{
    color:#666
}
.layui-text a:not(.layui-btn),.layui-text a:not(.layui-btn):hover{
    color:#1890ff;
    text-decoration:none
}
.no-padding{
    padding:0!important
}
.no-padding-right{
    padding-right:0!important
}
.layui-btn{
    background-color:#1890ff;
    box-sizing:border-box
}
.layui-btn-primary{
    color:#666;
    border-color:#ccc;
    box-sizing:border-box;
    background-color:transparent
}
.layui-btn-primary:hover{
    border-color:#ccc
}
.layui-btn-danger{
    background-color:#ff5722
}
.layui-btn-warm{
    background-color:#ffb800
}
.layui-btn-normal{
    background-color:#1e9fff
}
.icon-btn{
    padding:0 10px
}
*[ew-href],*[lay-tips],*[ew-event]{
    cursor:pointer
}
.pull-right{
    float:right
}
.pull-left{
    float:left
}
.inline-block{
    display:inline-block
}
.text-center{
    text-align:center
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.bg-white,.bg-white>body{
    background-color:white
}
.text-muted{
    color:#c2c2c2!important
}
.text-primary{
    color:#1890ff!important
}
.text-success{
    color:#5fb878!important
}
.text-info{
    color:#01aaed!important
}
.text-warning{
    color:#ffb800!important
}
.text-danger{
    color:#ff5722!important
}
span.icon-text .layui-icon{
    font-size:14px;
    margin-left:2px
}
input.layui-disabled,input.layui-disabled:hover{
    color:#666!important;
    background-color:#eee
}
.dropdown-menu{
    display:inline-block
}
.dropdown-menu .dropdown-menu-nav{
    display:none
}
.dropdown-menu+.dropdown-menu,.layui-btn+.dropdown-menu,.dropdown-menu+.layui-btn{
    margin-left:10px
}
.layui-badge-rim+.layui-badge-rim{
    margin-left:8px
}
.layui-form-select-top .layui-form-select>dl{
    top:unset;
    bottom:42px
}
.layui-badge-list .layui-badge{
    margin-right:6px
}
.layui-badge-list .layui-badge{
    padding:2px 7px;
    border:1px solid #ccc;
    margin-bottom:8px;
    background-color:#fafafa!important
}
.layui-input,.layui-textarea{
    background-color:transparent;
    border-color:rgba(111,121,122,0.3);
    border-radius:0
}
.layui-input.layui-input-lg{
    height:46px;
    line-height:46px
}
.layui-form-label.layui-input-lg{
    padding:13px 15px
}
.layui-card-header{
    height:45px;
    line-height:45px
}
.page-loading{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:19891017;
    background-color:#fff
}
.page-no-scroll{
    overflow:hidden;
    overflow-x:hidden;
    overflow-y:hidden;
    min-height:80px
}
.ball-loader{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%)
}
.ball-loader>span{
    background-color:#1890ff;
    display:inline-block
}
.ball-loader>span:nth-child(1),.ball-loader.sm>span:nth-child(1){
    -webkit-animation-delay:0s;
    animation-delay:0s
}
.ball-loader>span:nth-child(2),.ball-loader.sm>span:nth-child(2){
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}
.ball-loader>span:nth-child(3),.ball-loader.sm>span:nth-child(3){
    -webkit-animation-delay:.15s;
    animation-delay:.15s
}
.ball-loader>span:nth-child(4),.ball-loader.sm>span:nth-child(4){
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.ball-loader>span{
    width:20px;
    height:20px;
    margin:0 3px;
    border-radius:50%;
    transform:scale(0);
    -ms-transform:scale(0);
    -webkit-transform:scale(0);
    animation:ball-load 1s ease-in-out infinite;
    -webkit-animation:1s ball-load ease-in-out infinite
}
@-webkit-keyframes ball-load{
    0%{
        transform:scale(0);
        -webkit-transform:scale(0)
    }
    50%{
        transform:scale(1);
        -webkit-transform:scale(1)
    }
    100%{
        transform:scale(0);
        -webkit-transform:scale(0)
    }
}
@keyframes ball-load{
    0%{
        transform:scale(0);
        -webkit-transform:scale(0)
    }
    50%{
        transform:scale(1);
        -webkit-transform:scale(1)
    }
    100%{
        transform:scale(0);
        -webkit-transform:scale(0)
    }
}
.ball-loader.sm>span{
    width:15px;
    height:15px;
    margin:0 2px
}
.layui-layer.layui-layer-adminRight{
    top:50px!important;
    bottom:0;
    box-shadow:1px 1px 50px rgba(0,0,0,.3)!important;
    border:none!important;
    overflow:auto
}
@-webkit-keyframes layui-rl{
    from{
        -webkit-transform:translate3d(100%,0,0)
    }
    to{
        -webkit-transform:translate3d(0,0,0)
    }
}
@keyframes layui-rl{
    from{
        transform:translate3d(100%,0,0)
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.layui-anim-rl{
    -webkit-animation-name:layui-rl;
    animation-name:layui-rl
}
@-webkit-keyframes layui-lr{
    from{
        -webkit-transform:translate3d(0,0,0);
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0);
        opacity:1
    }
}
@keyframes layui-lr{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        transform:translate3d(100%,0,0)
    }
}
.layui-anim-lr,.layui-anim-rl.layer-anim-close{
    -webkit-animation-name:layui-lr;
    animation-name:layui-lr
}
 .layui-layer.layui-layer-admin{
    box-shadow:1px 1px 50px rgba(0,0,0,.3)!important;
    border:none!important
}
.layui-layer.layui-layer-admin .layui-layer-title{
    background-color:#fff;
    color:#333;
    height:50px;
    line-height:50px;
    border:0
}
.layui-layer-dialog.layui-layer-admin .layui-layer-content{
    padding:10px 20px 20px 20px
}
.layui-layer.layui-layer-admin .layui-layer-setwin{
    top:15px
}
.layui-layer.layui-layer-admin .layui-layer-setwin a{
    font-family:layui-icon!important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#333;
    font-weight:700
}
.layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-close1{
    background:0
}
.layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-close1:before{
    content:"\1006"
}
.layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-min cite{
    background-color:#333
}
.layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-max{
    background:0;
    font-size:14px;
    padding-top:1px
}
.layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-max:before{
    content:"\e622"
}
.layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-maxmin:before{
    content:"\e758"
}
.layui-layer.layui-layer-admin .layui-layer-btn a{
    height:34px;
    line-height:34px;
    color:#666
}
.layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0{
    border-color:#1890ff;
    background-color:#1890ff;
    color:#fff
}
.layui-layer-admin{
    max-width:100%
}
.layui-layer-iframe .layui-layer-content{
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
@media screen and (max-width:768px){
    .layui-layer-admin{
        width:max-content;
        max-width:98%;
        max-width:-moz-calc(100% - 30px);
        max-width:-webkit-calc(100% - 30px);
        max-width:calc(100% - 30px);
        left:0!important;
        right:0!important;
        margin:auto!important;
        margin-bottom:15px!important
    }
    .layui-layer-admin[area]{
        max-width:100%;
        margin-bottom:0!important
    }
}
.layui-layer-iframe iframe{
    background-color:#fff
}
.layui-layer-msg{
    border-radius:4px!important;
    box-shadow:0 2px 12px 0 rgba(0,0,0,0.1)!important;
    border:none!important
}
.layui-form.model-form{
    padding:25px 30px 0 0
}
.model-form.no-padding{
    padding:0
}
.model-form .model-form-body{
    padding:25px 30px 0 0;
    overflow-y:auto;
    max-height:calc(100vh - 180px)
}
.model-form.no-padding .model-form-footer{
    padding-right:30px;
    padding-top:10px
}
body .layui-layer-tips .layui-layer-content{
    line-height:1.5;
    padding:8px 12px;
    border-radius:4px;
    background-color:#303133;
    box-shadow:0 1px 6px rgba(0,0,0,.2)
}
body .layui-layer-tips i.layui-layer-TipsG{
    border-width:5px
}
body .layui-layer-tips i.layui-layer-TipsR,body .layui-layer-tips i.layui-layer-TipsL{
    top:11px
}
body .layui-layer-tips i.layui-layer-TipsT,body .layui-layer-tips i.layui-layer-TipsB{
    left:12px
}
body .layui-layer-tips i.layui-layer-TipsT{
    bottom:-10px
}
body .layui-layer-tips i.layui-layer-TipsT{
    border-right-color:transparent;
    border-top-style:solid;
    border-top-color:#303133
}
body .layui-layer-tips i.layui-layer-TipsB{
    top:-10px
}
body .layui-layer-tips i.layui-layer-TipsB{
    border-right-color:transparent;
    border-bottom-style:solid;
    border-bottom-color:#303133
}
body .layui-layer-tips i.layui-layer-TipsL{
    right:-10px
}
body .layui-layer-tips i.layui-layer-TipsL{
    border-bottom-color:transparent;
    border-left-style:solid;
    border-left-color:#303133
}
body .layui-layer-tips i.layui-layer-TipsR{
    left:-10px
}
body .layui-layer-tips i.layui-layer-TipsR{
    border-bottom-color:transparent;
    border-right-style:solid;
    border-right-color:#303133
}
body .layui-layer-tips.layui-table-tips .layui-layer-content{
    background:0;
    padding:0;
    box-shadow:0 1px 6px rgba(0,0,0,.12);
    line-height:22px
}
body .layui-util-face .layui-layer-content{
    padding:0;
    background-color:#fff;
    box-shadow:none
}
.ew-header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    background-color:#fff;
    z-index:1000;
    padding:0 60px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)
}
.ew-header .layui-logo{
    height:70px;
    line-height:70px;
    display:inline-block;
    font-size:22px;
    font-weight:600;
    color:#333;
    padding-left:42px;
    background-size:32px;
    background-position:0 19px;
    background-repeat:no-repeat
}
.ew-header .layui-nav{
    padding:0;
    background-color:transparent;
    position:absolute;
    right:70px;
    top:0
}
.ew-header .layui-nav>.layui-nav-item{
    padding:0 20px
}
.ew-header .layui-nav>.layui-nav-item>a{
    height:70px;
    line-height:70px;
    color:#666;
    font-size:16px;
    padding:0 5px;
    position:relative;
    cursor:pointer
}
.ew-header .layui-nav>.layui-nav-item>a>span{
    max-width:90px;
    overflow:hidden;
    display:inline-block;
    vertical-align:middle;
    text-overflow:ellipsis;
    white-space:nowrap
}
.ew-header .layui-nav>.layui-nav-item>a:hover,.ew-header .layui-nav>.layui-nav-item.layui-this>a{
    color:#1890ff
}
.ew-header .layui-nav .layui-nav-more{
    border-color:#999 transparent transparent
}
.ew-header .layui-nav .layui-nav-mored{
    border-color:transparent transparent #999
}
.ew-header .layui-nav>.layui-nav-item>a:hover>.layui-nav-more,.ew-header .layui-nav>.layui-nav-item.layui-this>a>.layui-nav-more{
    border-color:#1890ff transparent transparent
}
.ew-header .layui-nav>.layui-nav-item>a:hover>.layui-nav-mored,.ew-header .layui-nav>.layui-nav-item.layui-this>a>.layui-nav-mored{
    border-color:transparent transparent #1890ff
}
 .ew-header .layui-nav .layui-nav-bar,.ew-header .layui-nav>.layui-nav-item:after{
    display:none
}
.ew-header .layui-nav>.layui-nav-item>a:after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:0;
    margin:0 auto;
    height:3px;
    background-color:#1890ff;
    transition:width .2s ease-out
}
.ew-header .layui-nav>.layui-nav-item.layui-this>a:after,.ew-header .layui-nav>.layui-nav-item>a:hover:after{
    width:100%
}
.ew-header .layui-nav>.layui-nav-item>.layui-nav-child{
    top:75px;
    border-radius:0;
    border-color:#dfdfdf;
    box-shadow:0 2px 5px rgba(0,0,0,.1);
    min-width:unset;
    width:120px;
    right:0;
    margin:0 auto
}
.ew-header .layui-nav>.layui-nav-item.nav-btn-login{
    height:70px;
    line-height:70px;
    padding:0 0 0 15px
}
.ew-header .layui-nav>.layui-nav-item.nav-btn-login>a{
    padding:0 15px;
    height:30px;
    line-height:30px;
    border-radius:35px;
    display:inline-block;
    vertical-align:middle;
    background-color:rgba(0,0,0,.08)
}
.ew-header .layui-nav>.layui-nav-item.nav-btn-login>a:hover{
    color:#666;
    background-color:rgba(0,0,0,.15)
}
.ew-header .layui-nav>.layui-nav-item.nav-btn-login>a:after{
    display:none
}
.ew-header .nav-toggle{
    display:none
}
.layui-nav-img{
    margin-right:5px;
    vertical-align:middle
}
@media screen and (max-width:935px){
    body{
        padding-top:55px
    }
    .ew-header{
        padding:0 15px
    }
    .ew-header .layui-logo{
        height:55px;
        line-height:55px;
        background-position:0 12px
    }
    .ew-header .layui-nav{
        position:absolute;
        top:50px;
        right:0;
        width:160px;
        border-radius:5px;
        background-color:#fff;
        box-shadow:0 0 10px rgba(0,0,0,.15);
        overflow:hidden;
        transform:scale(0);
        transform-origin:top right;
        opacity:0;
        -webkit-transition:all .3s;
        transition:all .3s;
        max-height:380px;
        max-height:-moz-calc(100vh - 60px);
        max-height:-webkit-calc(100vh - 60px);
        max-height:calc(100vh - 60px);
        overflow-y:auto
    }
    .ew-header .layui-nav .layui-nav-item{
        display:block;
        padding:0
    }
    .ew-header .layui-nav .layui-nav-item>a{
        line-height:40px;
        height:40px;
        text-align:center;
        font-size:14px
    }
    .ew-header .layui-nav .layui-nav-item>a .layui-nav-more{
        right:15px
    }
    .ew-header .layui-nav .layui-nav-item.layui-this>a:after,.ew-header .layui-nav .layui-nav-item>a:hover:after{
        display:none
    }
    .ew-header .layui-nav .layui-nav-item.layui-this>a{
        color:#fff;
        background-color:#1890ff
    }
    .ew-header .layui-nav>.layui-nav-item.nav-btn-login{
        line-height:unset;
        height:unset;
        padding:0
    }
    .ew-header .layui-nav>.layui-nav-item.nav-btn-login>a{
        line-height:40px;
        height:40px;
        background-color:transparent;
        display:block;
        border-radius:0
    }
    .ew-header .layui-nav>.layui-nav-item.nav-btn-login>a:hover{
        background-color:transparent;
        color:#1890ff
    }
    .ew-header .layui-nav>.layui-nav-item>.layui-nav-child{
        position:static;
        background-color:transparent;
        box-shadow:none;
        animation:none;
        border:0;
        margin:0;
        width:100%
    }
    .ew-header .layui-nav>.layui-nav-item>.layui-nav-child a{
        text-align:center;
        line-height:40px;
        height:40px;
        font-size:14px
    }
    .ew-header .layui-nav>.layui-nav-item>.layui-nav-child a:hover{
        background-color:transparent;
        color:#1890ff
    }
    .ew-header .nav-toggle{
        line-height:53px;
        height:55px;
        cursor:pointer;
        display:block;
        padding:0 3px;
        color:#666
    }
    .ew-header .nav-toggle>i{
        display:inline-block;
        font-size:24px;
        font-weight:600;
        vertical-align:middle;
        -webkit-transition:all .3s;
        transition:all .3s;
        width:24px;
        height:24px;
        line-height:24px
    }
    .ew-header .ew-nav-group{
        position:absolute;
        right:5px;
        top:0
    }
    .ew-header .ew-nav-group:hover>.layui-nav{
        transform:scale(1);
        opacity:1
    }
    .ew-header .ew-nav-group:hover .nav-toggle>i{
        transform:rotate(-90deg)
    }
}
.footer{
    background-color:#41444b;
    padding:50px 0 20px 0
}
.footer .footer-item-title{
    color:#fff;
    font-size:22px;
    margin-bottom:30px
}
.footer p{
    position:relative;
    color:rgba(255,255,255,0.6);
    font-size:16px;
    line-height:35px
}
.footer .layui-row>div:nth-child(2) p{
    line-height:42px
}
.footer a{
    color:rgba(255,255,255,0.6);
    text-decoration:none
}
.footer p .layui-icon{
    color:rgba(255,255,255,0.4);
    font-size:24px;
    vertical-align:middle;
    margin-right:10px;
    display:inline-block
}
.footer p.img-group{
    position:relative;
    padding-left:150px;
    height:130px;
    max-width:300px;
    display:table-cell;
    vertical-align:middle
}
.footer p.img-group>img{
    position:absolute;
    left:0;
    top:0;
    width:130px;
    height:130px
}
.footer .footer-copyright{
    padding-top:20px;
	text-align:center;
}
.banner{
    color:#fff;
    position:relative;
    background-size:cover;
    background-repeat:no-repeat
}
.banner:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:rgba(0,0,0,.2)
}
.banner>.layui-container{
    text-align:center;
    padding:120px 15px 100px 15px
}
.banner h1{
    font-size:42px;
    margin-bottom:35px
}
.banner p{
    font-size:20px
}
.banner p.small{
    font-size:14px
}
.banner .banner-btngroup{
    margin:55px 0 35px 0
}
.banner .layui-btn{
    line-height:45px;
    height:45px;
    font-size:16px;
    padding:0 20px;
    border-radius:45px;
    box-shadow:0 1px 2px rgba(0,0,0,0.15)
}
.banner .layui-btn:first-child{
    margin-right:20px
}
.banner .layui-btn:last-child{
    background-color:#00adb5
}
.banner .layui-btn>.layui-icon{
    font-size:18px;
    margin:-2px 0 0 6px;
    display:inline-block;
    height:18px;
    width:18px;
    line-height:18px;
    text-align:center;
    vertical-align:middle
}
 .banner .layui-btn:last-child>.layui-icon{
    font-size:16px
}
@media screen and (max-width:768px){
    .banner>.layui-container{
        padding:40px 5px 30px 5px
    }
    .banner h1{
        font-size:32px;
        margin-bottom:15px
    }
    .banner p{
        font-size:16px
    }
    .banner .banner-btngroup{
        margin:35px 0 20px 0
    }
    .banner .layui-btn{
        line-height:42px;
        height:42px;
        padding:0 13px 0 20px
    }
    .banner .layui-btn:first-child{
        margin-right:15px
    }
}
.feature{
    padding:15px 15px 15px 95px;
    position:relative;
    margin-bottom:55px
}
.feature .layui-icon{
    position:absolute;
    top:20px;
    left:20px;
    background-color:rgba(97,178,252,.15);
    color:#61b2fc;
    padding:15px;
    border-radius:50%;
    font-size:22px;
    height:52px;
    box-sizing:border-box
}
.feature h3{
    font-size:20px;
    margin:5px 0 20px 0;
    color:#333;
    font-weight:400
}
.feature p{
    font-size:16px;
    margin-bottom:15px
}
.pricing{
    text-align:center;
    padding:35px 30px;
    background-color:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.06)
}
.pricing .price-title{
    color:#333;
    font-size:24px
}
.pricing .price{
    margin:10px 0;
    font-size:22px;
    color:#61b2fc
}
.pricing .price .small{
    font-size:16px
}
.pricing .desc{
    margin-bottom:20px;
    font-size:16px;
    color:#999
}
.pricing .price-content>li{
    color:#666;
    font-size:16px;
    line-height:43px;
    position:relative
}
.pricing .price-content>li:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:1px;
    background-image:linear-gradient(to right,#ddd 0,#ddd 50%,transparent 50%);
    background-size:10px 1px;
    background-repeat:repeat-x
}
.pricing .price-content>li.active{
    color:#61b2fc
}
.pricing .price-btn>.layui-btn{
    margin-top:35px
}
.guide{
    text-align:center;
    border:1px solid #eee;
    padding:30px 20px
}
.guide .layui-icon{
    color:#1890ff;
    font-size:36px;
    line-height:36px;
    display:inline-block
}
.guide .layui-icon.layui-icon-templeate-1{
    font-size:48px
}
.guide .layui-icon.layui-icon-layouts{
    font-size:42px
}
.guide h3{
    color:#333;
    font-size:24px;
    margin:20px 0
}
.guide p{
    text-align:left;
    line-height:35px;
    font-size:15px
}
.guide .layui-btn{
    background-color:rgba(24,144,255,.08)!important;
    color:#1890ff!important;
    border:1px solid rgba(24,144,255,.8)!important;
    box-sizing:content-box;
    margin:35px 0 5px 0
}
.product-card{
    background-color:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.04),0 2px 10px 0 rgba(0,0,0,0.06);
    margin-bottom:10px
}
.product-card .product-cover{
    position:relative;
    height:240px;
    width:100%;
    overflow:hidden;
    text-align:center
}
.product-card .product-cover>.product-cover-img{
    height:100%;
    width:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    transition:all .4s
}
.product-card .product-cover:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0);
    transition:all .4s
}
.product-card .product-cover>.product-tools{
    position:absolute;
    top:45%;
    left:24%;
    z-index:1
}
.product-card .product-cover>.product-tools .layui-btn{
    color:#fff;
    border:1px solid #1890ff;
    background-color:#1890ff;
    border-radius:0;
    height:36px;
    line-height:36px;
    min-width:85px;
    box-sizing:border-box;
    transition:all .4s;
    transform:scale(0);
    opacity:0
}
.product-card:hover .product-cover>.product-cover-img{
    transform:scale(1.5)
}
.product-card:hover .product-cover>.product-tools .layui-btn{
    opacity:1;
    transform:scale(1)
}
.product-card:hover .product-cover:after{
    background-color:rgba(24,144,255,.25)
}
.product-card .product-body{
    padding:15px 20px;
    position:relative
}
.product-card .product-body .product-title{
    color:#333;
    font-size:20px;
    font-weight:400;
    padding-right:60px;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.product-card .product-body .product-desc{
    font-size:14px;
    margin-top:5px;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.product-card .product-body .layui-badge-rim{
    position:absolute;
    right:20px;
    top:22px;
    color:#ff5722;
    border-color:#ff5722;
    padding:0 3px 0 1px;
    border-radius:0
}
.contact{
    max-width:850px;
    margin:0 auto;
    padding:0 0 50px 0
}
.contact .layui-textarea{
    min-height:140px
}
.contact .layui-form-item{
    margin-bottom:25px
}
.contact .layui-form-label{
    padding-left:0;
    width:57px
}
.contact .layui-input-block{
    margin-left:72px
}
@media screen and (max-width:768px){
    .section-title{
        padding:25px 0
    }
    .section-title h2{
        font-size:24px
    }
    .section-title p{
        font-size:16px
    }
    .section>.layui-container{
        padding-bottom:35px!important
    }
    .feature{
        margin-bottom:0
    }
    .footer .footer-copyright p{
        font-size:14px
    }
}
.goods-card>.goods-cover{
    width:100%;
    height:180px;
    overflow:hidden;
    position:relative;
    background-size:cover;
    background-repeat:no-repeat
}
.goods-card>.goods-title{
    margin:8px 0 0 0;
    font-size:18px;
    color:#333
}
.goods-card>.goods-desc{
    font-size:12px;
    color:#666;
    margin-bottom:10px
}
.goods-spec-group>.goods-spec-item-title{
    color:#333;
    font-size:15px;
    padding:8px 0;
    text-align:center;
    position:relative
}
.goods-spec-group>.goods-spec-item-title:before,.goods-spec-group>.goods-spec-item-title:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:1px;
    background-image:linear-gradient(to right,#ddd 0,#ddd 50%,transparent 50%);
    background-size:10px 1px;
    background-repeat:repeat-x
}
.goods-spec-group>.goods-spec-item-title:after{
    top:unset;
    bottom:0
}
 .goods-spec-group>.goods-spec-item-list{
    padding:15px 0
}
.goods-spec-item-list .goods-spec-item-text{
    color:#666;
    font-size:14px;
    min-width:65px;
    padding:3px 5px;
    text-align:center;
    margin-right:10px;
    display:inline-block;
    border:1px solid #ccc;
    box-sizing:border-box;
    position:relative;
    cursor:pointer
}
.goods-spec-item-list .goods-spec-item-text.active{
    color:#ff6700;
    border-color:#ff6700
}
.goods-price-group{
    margin-bottom:15px
}
.goods-price-group .goods-price-label{
    display:inline-block;
    font-size:15px
}
.goods-price-group .goods-price-text{
    display:inline-block;
    color:#ff6700;
    font-size:28px
}
.goods-price-group .goods-price-text .small{
    font-size:16px
}
.goods-price-group .goods-price-text .goods-price-org{
    color:#666;
    font-size:16px;
    position:relative;
    text-decoration:line-through
}
.goods-price-group .goods-price-desc{
    color:#ff6700;
    margin-top:10px;
    padding:8px 12px;
    border-radius:5px;
    background-color:#f4f7f7
}
.goods-card>.goods-btn-group .layui-btn{
    margin:0 0 10px 0;
    height:50px;
    line-height:50px
}
.goods-card>.goods-btn-group .layui-btn-warm{
    background-color:#ff9434
}
.goods-card>.goods-btn-group .layui-btn .layui-icon{
    font-size:20px;
    margin-right:10px
}
.goods-desc-card img{
    max-width:100%
}