/*焦点图容器默认样式PX版本
样式标记符：dfstpx*/
.mkSlideMod.dfstpx{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
}
/*子容器默认样式*/
.mkSlideMod.dfstpx .slideSub{
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 64;
    top: 0;
    left: 0;
}
/*顺序切换按钮公共样式*/
.mkSlideMod.dfstpx .prevBtn,
.mkSlideMod.dfstpx .nextBtn{
    width: 4%;
    height: auto;
    min-width: 24px;
    max-height: 96px;
    display: none;
    padding: 5px 5px;
    position: absolute;
    z-index: 128;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.3);
}
/*顺序切换按钮prev样式*/
.mkSlideMod.dfstpx .prevBtn{
    left: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA/CAMAAACy0eq1AAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMA+tLN9jAJBDQOfAd2N9eIlI86xz5v84yDviwdF+ytRd2hYSEAAADaSURBVEjHvZNLFoMgDEXlU6QKIiL+22b/q6wryGPAMeN7yE1eaJ6o0yDipXLLE17SfvFEIuVZwkqSL54YSPHELFEXr0hZflrsIZHHpG4PREjgMSCPaUCzzIqShVs/8D5A+tjjofSThbngrR9o6wlfoX0gfeRx7vT5NWz1nRabAYwTIhr8zvjmmbYTFABjNk2hxKfHPiv00bQhxglaoc89u4G9RCzwCYjJmsYCn1jgE4ryglnQWOU2Fjy70wTvMJdlsdbIwgmKNW7DLfA2Gof/RZuXL3rG+KupVH8DWw9fdeYU5QAAAABJRU5ErkJggg==);
}
/*顺序切换按钮next样式*/
.mkSlideMod.dfstpx .nextBtn{
    right: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAABHCAMAAABcS8VjAAAAe1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NgkbwAAAAKHRSTlMA+OXfBugLA8e+VC30ikjYWFEkIX5c63pNzbZ1PzRKZz0VuZuTbyq1iZVHHwAAAOBJREFUSMfF0EkSgkAQBVEGERlEEJkVRBDr/ie0CQ9QuSCk1y8qP1g7vXHIgTpO8skBm21piTtzFzDHu9dtuy/qSPdmusAd1n30O7bsGneKgGP3uKti1PUrs2+B3WXjbkT/H+py9wD7Olsacq+D+7pYGtJ9Q7dXdxYJRpUlrniFr6neqFC9VTvihKiY6reAosXeIeszV5xUV6aYqSpdFbrFdtWk6DKVgF2kGHri9kglugL/ixYLVExLoOD6opQLU0+06w6+kRbVW/5gboFiDNb7AylaYwuUedH0K6pZ68/vC1uhGXktC/yRAAAAAElFTkSuQmCC);
}
/*随机切换按钮容器*/
.mkSlideMod.dfstpx .tabBtn{
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 128;
    width: 100%;
    height: auto;
    padding: 0 0 10px 0;
    text-align: center;
}
/*随机切换按钮样式*/
.mkSlideMod.dfstpx .tabBtn > span{
    margin: 0 10px;
    display: inline-block;
    cursor: pointer;
    border-radius: 50px 50px;
    -webkit-border-radius: 50px 50px;
    transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
}
/*随机切图按钮默认颜色*/
.mkSlideMod.dfstpx .tabBtn_dfst{
    width: 15px;
    height: 15px;
    background-color: #ddd;
    border: 2px #fff solid;
}
/*随机切图按钮激活颜色*/
.mkSlideMod.dfstpx .tabBtn_hover{
    width: 35px;
    height: 15px;
    background-color: #00a7ff;
    border: 2px #99d6f7 solid;
}
/*设置画布*/
.mkSlideMod.dfstpx .slide_bg{
    width: 100%;
    height: auto;
    display: block;
}
/*-----------------
具体要滚动的内容【用户自定义】
高度auto模式下建议设置height为auto
反之，则建议为height为100%
------------------*/
.mkSlideMod.dfstpx .slideSub > img{
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}




/*焦点图容器默认样式REM版本
样式标记符：dfstrem*/
.mkSlideMod.dfstrem{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
}
/*子容器默认样式*/
.mkSlideMod.dfstrem .slideSub{
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 64;
    top: 0;
    left: 0;
}
/*顺序切换按钮公共样式*/
.mkSlideMod.dfstrem .prevBtn,
.mkSlideMod.dfstrem .nextBtn{
    width: 4%;
    height: auto;
    min-width: 0.2rem;
    max-height: 0.75rem;
    display: none;
    padding: 0.05rem 0.05rem;
    position: absolute;
    z-index: 128;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.3);
}
/*顺序切换按钮prev样式*/
.mkSlideMod.dfstrem .prevBtn{
    left: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA/CAMAAACy0eq1AAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMA+tLN9jAJBDQOfAd2N9eIlI86xz5v84yDviwdF+ytRd2hYSEAAADaSURBVEjHvZNLFoMgDEXlU6QKIiL+22b/q6wryGPAMeN7yE1eaJ6o0yDipXLLE17SfvFEIuVZwkqSL54YSPHELFEXr0hZflrsIZHHpG4PREjgMSCPaUCzzIqShVs/8D5A+tjjofSThbngrR9o6wlfoX0gfeRx7vT5NWz1nRabAYwTIhr8zvjmmbYTFABjNk2hxKfHPiv00bQhxglaoc89u4G9RCzwCYjJmsYCn1jgE4ryglnQWOU2Fjy70wTvMJdlsdbIwgmKNW7DLfA2Gof/RZuXL3rG+KupVH8DWw9fdeYU5QAAAABJRU5ErkJggg==);
}
/*顺序切换按钮next样式*/
.mkSlideMod.dfstrem .nextBtn{
    right: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAABHCAMAAABcS8VjAAAAe1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NgkbwAAAAKHRSTlMA+OXfBugLA8e+VC30ikjYWFEkIX5c63pNzbZ1PzRKZz0VuZuTbyq1iZVHHwAAAOBJREFUSMfF0EkSgkAQBVEGERlEEJkVRBDr/ie0CQ9QuSCk1y8qP1g7vXHIgTpO8skBm21piTtzFzDHu9dtuy/qSPdmusAd1n30O7bsGneKgGP3uKti1PUrs2+B3WXjbkT/H+py9wD7Olsacq+D+7pYGtJ9Q7dXdxYJRpUlrniFr6neqFC9VTvihKiY6reAosXeIeszV5xUV6aYqSpdFbrFdtWk6DKVgF2kGHri9kglugL/ixYLVExLoOD6opQLU0+06w6+kRbVW/5gboFiDNb7AylaYwuUedH0K6pZ68/vC1uhGXktC/yRAAAAAElFTkSuQmCC);
}
/*随机切换按钮容器*/
.mkSlideMod.dfstrem .tabBtn{
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 128;
    width: 100%;
    height: auto;
    padding: 0 0 0.1rem 0;
    text-align: center;
}
/*随机切换按钮样式*/
.mkSlideMod.dfstrem .tabBtn > span{
    margin: 12px 0.1rem;
    display: inline-block;
    cursor: pointer;
    border-radius: 0.5rem 0.5rem;
    -webkit-border-radius: 0.5rem 0.5rem;
    transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
}
/*随机切图按钮默认颜色*/
.mkSlideMod.dfstrem .tabBtn_dfst{
    width: 0.1rem;
    height: 0.1rem;
    background-color: #ddd;
    border: 0.02rem #fff solid;
}
/*随机切图按钮激活颜色*/
.mkSlideMod.dfstrem .tabBtn_hover{
    width: 0.25rem;
    height: 0.1rem;
    background-color: #00a7ff;
    border: 0.02rem #99d6f7 solid;
}
/*设置画布*/
.mkSlideMod.dfstrem .slide_bg{
    width: 100%;
    height: auto;
    display: block;
}
/*-----------------
具体要滚动的内容【用户自定义】
高度auto模式下建议设置height为auto
反之，则建议为height为100%
------------------*/
.mkSlideMod.dfstrem .slideSub > img{
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}