/* = 通用布局
-------------------------------------------------------------- */
/* .focusBtn, .focusIndicators a{ display:block; background:url(../images/script.png); background-repeat:no-repeat;} */
/* .focusMain{ width:650px; position:relative; margin:0 auto;} */
/* .focusArea{ width:594px; margin:0 auto 15px; position:relative; }
.focusCon{ width:594px; position:absolute; top:0;}
.focusItem{ position:relative; margin:0 4px; padding:1px; border:1px solid #666; background:#DDDEDE;}
.focusCon .title{ height:26px; position:absolute; left:1px; bottom:1px; background:#000; opacity:.8; filter:Alpha(opacity=80); line-height:26px; font-size:14px; font-weight:400;}
.focusCon .title a{ display:block; padding:0 10px; color:#FFF; position:relative;}
.focusIndicators{  text-align:center;} */
/* .focusIndicators a{ display:inline-block; margin:0 4px; background-position:0 -50px; _zoom:1; cursor:pointer;}
.focusIndicators .current{ background-position:-10px -50px;}
.focusBtn{ display:block; position:absolute; top:50%; width:24px; height:49px; margin-top:-25px; background-color:#606060; cursor:pointer;}
.focusPrev{ left:0; background-position:0 0;}
.focusNext{ right:0; background-position:-30px 0;}
.focusPrev:hover, .focusNext:hover{ background-color:#333;}
.focusItem img, .focusIndicators img{ width:100%; height:100%;} */

/* = 轮播和焦点图区分
-------------------------------------------------------------- */
/* .isCarousel .focusArea{ height:130px;}
.isCarousel .focusItem{ float:left; width:186px; height:126px; _display:inline;}
.isCarousel .focusCon .title{ width:186px;}
.isCarousel .focusGroup{ float:left; _display:inline;} */

/* .isFocus .focusArea{ height:330px;}
.isFocus .focusItem{ width:582px; height:326px;}
.isFocus .focusCon .title{ width:582px;} */

/* = 特殊内容特殊处理
-------------------------------------------------------------- */
/* .demoB .focusCon .title{ bottom:-27px;}

.demoD .focusItem{ float:left; _display:inline;}

.demoF .focusItem{ display:none; position:absolute; top:0; left:0; } */

.demoG .focusItem{ display:none; position:absolute; top:0; bottom: 0; left:0; }
.focusArea{
    display: flex;
    width: 640px;
}
.focusCon{
    position: relative;
    height: 402px;
    width: 100%;
}
/* .demoG .focusIndicators{ height:42px;} */
.demoG .focusIndicators{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.demoG .focusIndicators a{ 
    width: 350px; 
    flex-direction: column; 
    text-decoration: none; 
    border:3px solid #939393; 
    background:none; 
    position: relative;
    z-index: 5;
}
/*.demoG .focusIndicators a:first-child{
    margin-top: 0;
}*/
.demoG .focusIndicators a:nth-child(2){
    margin-top: -3px;
}
.demoG .focusIndicators a:last-child{
    margin-top: -3px;
}
.demoG .focusIndicators .current{ border:3px solid var(--secondaryText); z-index: 6;}


/* .demoJ .focusItem{ float:left; _display:inline;}
.demoJ .focusIndicators{ height:42px;}
.demoJ .focusIndicators a{ width:60px; height:40px; margin:0 2px; border:1px solid #000; background:none;}
.demoJ .focusIndicators .current{ border:1px solid #FFF;}

.demoK .focusArea{ width:190px; height:390px; margin:0 auto;}
.demoK .focusItem{ width:186px; height:126px; margin:0;}
.demoK .focusCon{ width:190px;}
.demoK .focusCon .title{ width:186px;} */