@charset "utf-8";

.main-banner {
    background-image: url(../../images/wangzhanguanggaozhanshi/banner-wangzhanguanggaozhanshi.png);
}

.main-banner-descrip {
    font-size: 16px;
}

/* 模板展示 */

.items-template-show .item-a {
    display: block;
    position: relative;
    overflow: hidden;
    margin-top: 54px;
}

.items-template-show .item-a .item-info {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 30%;
    padding-top: 110px;
    text-align: center;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTE2cHgiIGhlaWdodD0iOTJweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMzIsIDE3NiwgMTU5KSIgZD0iTTExMC42MTMsMjguNzQ0IEw1LjQwMCwyOC43NDQgQzAuMDYyLDI4Ljc0NCAtMC4yMDYsMzEuMzIzIDAuMDc5LDM0LjQ3NSBMNC44NjMsODYuMjc1IEM1LjE1NSw4OS40MjcgNS45MTMsOTIuMDAxIDExLjI0NSw5Mi4wMDEgTDEwNC43NjIsOTIuMDAxIEMxMTAuMjA1LDkyLjAwMSAxMTAuODUyLDg5LjQyNyAxMTEuMTM4LDg2LjI3NSBMMTE1LjkyMiwzNC40NzUgQzExNi4yMTMsMzEuMzIzIDExNS45NTEsMjguNzUwIDExMC42MTMsMjguNzUwIEwxMTAuNjEzLDI4Ljc0NCBaTTEwNi43NTEsMTYuMTAwIEMxMDYuMTEwLDEzLjU2NyAxMDIuOTUzLDExLjQ5NyA5OS43MzksMTEuNDk3IEw2MC4yMDksMTEuNDk3IEM1Ni45OTQsMTEuNDk3IDUyLjQ5Niw5LjY3NSA1MC4yMjEsNy40NDIgTDQ2Ljc3Myw0LjA1OSBDNDQuNDk4LDEuODI2IDQwLjAwNiwtMC4wMDIgMzYuNzg2LC0wLjAwMiBMMTcuOTAyLC0wLjAwMiBDMTQuNjkzLC0wLjAwMiAxMS43NjUsMi41NzIgMTEuNDE0LDUuNzEzIEw5LjcyMywyMC42OTkgTDEwNy45MTgsMjAuNjk5IEwxMDYuNzUxLDE2LjEwMCBaIi8+PC9zdmc+) no-repeat center top;
    transition: all .3s ease;
}

.items-template-show .item-a:hover .item-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTE2cHgiIGhlaWdodD0iOTJweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjM2LCAxNTQsIDcyKSIgZD0iTTExMC42MTMsMjguNzQ0IEw1LjQwMCwyOC43NDQgQzAuMDYyLDI4Ljc0NCAtMC4yMDYsMzEuMzIzIDAuMDc5LDM0LjQ3NSBMNC44NjMsODYuMjc1IEM1LjE1NSw4OS40MjcgNS45MTMsOTIuMDAxIDExLjI0NSw5Mi4wMDEgTDEwNC43NjIsOTIuMDAxIEMxMTAuMjA1LDkyLjAwMSAxMTAuODUyLDg5LjQyNyAxMTEuMTM4LDg2LjI3NSBMMTE1LjkyMiwzNC40NzUgQzExNi4yMTMsMzEuMzIzIDExNS45NTEsMjguNzUwIDExMC42MTMsMjguNzUwIEwxMTAuNjEzLDI4Ljc0NCBaTTEwNi43NTEsMTYuMTAwIEMxMDYuMTEwLDEzLjU2NyAxMDIuOTUzLDExLjQ5NyA5OS43MzksMTEuNDk3IEw2MC4yMDksMTEuNDk3IEM1Ni45OTQsMTEuNDk3IDUyLjQ5Niw5LjY3NSA1MC4yMjEsNy40NDIgTDQ2Ljc3Myw0LjA1OSBDNDQuNDk4LDEuODI2IDQwLjAwNiwtMC4wMDIgMzYuNzg2LC0wLjAwMiBMMTcuOTAyLC0wLjAwMiBDMTQuNjkzLC0wLjAwMiAxMS43NjUsMi41NzIgMTEuNDE0LDUuNzEzIEw5LjcyMywyMC42OTkgTDEwNy45MTgsMjAuNjk5IEwxMDYuNzUxLDE2LjEwMCBaIi8+PC9zdmc+);
}

.items-template-show .item-a .item-title {
    font-size: 24px;
    font-weight: bold;
}

.items-template-show .item-a .item-p {
    font-size: 18px;
    color: #666;
    margin-top: 10px;
}

.items-template-show .item-btn {
    text-align: center;
    margin-top: 52px;
}

.items-template-show .item-button {
    width: 175px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
}

/**/

.items-template-show .items-block {
    flex-wrap: wrap;
    padding: 0 100px;
    margin-top: 60px;
}

.items-template-show .item {
    margin: 0 30px 30px;
}

.items-template-show .item .img-block {
    width: 135px;
    height: 135px;
    /* border-radius: 10px; */
    overflow: hidden;
    /* box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4); */
}

.items-template-show .item .item-title {
    text-align: center;
    margin-top: 10px;
    transition: all .3s ease;
}

.items-template-show .item:hover .item-title {
    color: var(--main-color);
}