﻿@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body{font:14px/1.5 "微软雅黑", Microsoft YaHei, Arial, Verdana, 宋体;color:#212121;}
body,html{min-height:100%; min-width:12rem }
body{overflow-x:hidden;min-width:12rem;background:#f5f8fa}
ul{list-style-type:none;}
input,select,textarea{vertical-align:middle; font:14px "微软雅黑", Microsoft YaHei, Arial, Verdana, 宋体; color:#212121;outline:none}
a{text-decoration:none;color:#212121;}
table{border-spacing:0; border-collapse:collapse;width:100%; border:0;margin:0;padding:0;}
img{border:0;}
map,area{outline:none}
em{font-style:normal;}
.clearfix{overflow:hidden;zoom:1;}
.clear{clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}



.wrap1920{width:19.2rem;min-height:calc(100vh);background:#7f4bfc; overflow: hidden;}
.flex { 
    flex-wrap: wrap;
    align-items: center;
}
.container{width: 18.6rem;height:9.15rem;margin:.28rem auto;border-radius: .1rem;overflow: hidden;background-color: #fff;}
.specialBox{    width: calc(100% - 0.2rem);height: 8.15rem;border-radius: .3rem;box-sizing: border-box;padding: .2rem 0;position: relative;overflow-x: auto;overflow-y: hidden;}
.specialTit {color:rgb(131, 77, 253);font-size:.48rem;font-weight:bold;margin:.25rem auto 0 auto;width:100%;text-align:center;}
.specialMain{display: flex;height: 100%;}
.specialLi{width: 6.1rem;height: 100%;margin-left:.1rem;}
.specialItem{width: 6.1rem;height: 3.9rem;border-radius: .3rem;}
.specialItem dl{display: inline-block;width:6.1rem;height:3.9rem;background:url(../img/homeItemBg.png) no-repeat;background-size:100% 100%;}

    .specialItem dl dt {
        width: 5.7rem;
        height: 2.9rem;
        margin: 0.2rem auto 0;
        overflow: hidden;
        /* padding: 0.1rem 0.2rem; */
    }
.specialItem dl dt img{height: 100%; margin: auto;border-radius:.16rem;}
.specialItem dl dd{position: relative;margin-left:.15rem;}
.specialItem dl dd h3{font-size:.2rem;font-weight: 700;width:5.8rem;margin:.06rem auto;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #000000;}
.specialItem dl dd p{width:5.8rem;font-size:.16rem;color:rgba(0,0,0,.5);margin:0 auto;line-height: 1;font-weight: 700;cursor: pointer;}
/* .specialItem dl dd p:hover,.specialItem dl dd h3:hover{color: #00a1d6;} */
.specialItem dl dd i{position: absolute;bottom: 0;right: .5rem;font-size: .16rem;font-style: normal;color: #666;}

/* 左右按钮 */
.JTBtns {position: absolute;width: .7rem;height: .7rem;top: 5rem;z-index: 3;cursor: pointer;}
/* .JTBtns:hover{-webkit-transition: all 0.6s;transition: all 0.6s;-webkit-transform: scale(1.2);transform: scale(1.2);} */
.JTBtns.zuo{left:.4rem;}
.JTBtns.you{right:.4rem;}

.footer{width:100%;line-height:1;text-align:center;font-size:.24rem;color:#fff;clear:both;padding-bottom:.2rem;}
.footer img{display:inline-block;margin:0 .15rem 0 .5rem}
.footer a,.footer a:visited{color:#fff}
.footer a:hover{font-weight:bold;transition:all .3s}

