/* ==================小测试==================*/

/* #top ---------------*/
#top{ background-color: #3b3b3b; font-size: 13px; height: 30px; line-height: 30px;}
#top a{ display: inline-block; color: #fff; padding: 0 8px;}
#top a:hover{ color: #CCC; text-decoration: none; background-color: #6F6F6F;}
#top-inner{ padding: 0 15px;}
.quick-menu{float:left;}
.quick-menu li{ float:left;}
.quick-menu a:hover {background: none;}
.login-info{float:right;margin-right: 15px;}

/* .header ---------------*/
.header{ width: 100%; height: 84px; background: #f7f7f7; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px;}
.logo{ margin-top: 18px;}
.q_title{ margin-top: 34px; border-left: 2px solid #ccc; font: bold 18px/20px "微软雅黑"; color: #222222; padding-left: 15px; margin-left: 14px; }

/* .content ---------------*/
#banner{ position: relative; width: 660px; height: 180px; }
#images_show li{ position: absolute; top:0; left: 0; display: none; }
#images_show li.cur{ display: block; }
#dot{ position: absolute; bottom: 10px; right: 6px; width: 66px; height: 10px; }
#dot li{ float: left; width: 10px; height: 10px; background: url(../images/dot2.png) no-repeat; margin-right: 10px; cursor: pointer; }
#dot li.cur{ background: url(../images/dot1.png) no-repeat;}
.news{ width: 660px; padding-top: 24px; padding-bottom: 6px;}
.news_title{ font: 18px/24px "微软雅黑"; color: #333; height: 30px; border-bottom: 2px solid #d83c40;}
.hd{ height: 30px; border-bottom: 2px solid #eee; }
.news_list li{ width: 100%; padding: 20px 0; border-bottom: 1px solid #eee; }
.exam .news_list .metz_img,.metz_img { display: block; width: 158px; height: 98px; border: 1px solid #e6e6e8; margin-right: 9px; }
.metz_img img { width: 158px; height: 98px; }
.cont{ width: 270px; }
.list_p { font:12px/26px "微软雅黑"; color: #999; }
.red{ color: #d83c40; }
.tcen { width: 158px; text-align: center; }
.list_title{ font: bold 16px/24px "微软雅黑"; margin-bottom: 3px; color: #333; }
.blue { color: #225599; }
.join,.award_name{ display:block; width: 80px; height: 26px; color: #fff; border-radius: 3px; text-align: center; margin-top: 3px; }
.join{ background: #d83c40; }
.award_name{ background: #999;}
.con_right { width: 300px;}
#roll1,#roll2,#roll3,#roll4,#roll5{margin-bottom: 10px;}
.col_info{ margin-bottom: 24px; }
.col_title { font:18px/20px "微软雅黑"; padding-left: 28px; background: url(../images/icons.png) no-repeat;}
.t1{ background-position: 0px -1px }
.bor,.col_box{ border: 1px solid #eee; margin-top: 12px; }
.wt106,.wt86{ width: 106px; text-align: center; }
.wt86 { width: 86px; }
.col_hd { background: #f7f7f7; font:14px/34px "微软雅黑"; }
.t2{ background-position: -2px -56px; }
.col_box{ padding: 10px; }
.meetting li{ margin-bottom: 18px; }
.meetting li:last-child{ margin-bottom:0; }
.col_images { width: 98px; height: 38px; border: 1px solid #e6e6e8; margin-right: 10px; }
.exam_name{ font:14px/20px "微软雅黑"; }
.t3{ background-position: -1px -110px; }
.datet,.dateb{ width: 36px; height: 18px; text-align: center; line-height: 18px; margin-right: 14px; }
.datet{ border-radius: 4px 4px 0 0; color: #fff; }
.dateb{ border-radius: 0 0 4px 4px; }
.bgr{ background: #cc0000; }
.bgg{ background: #eee; }
.bgb{ background: #225599; }
.c6{ color: #666; }
.col_link{ line-height: 20px; width: 201px;}
.col_link a{ color: #d83c40; }
.col_box p a{ color: #333; }
.t4 { background-position: 0 -160px; }
.t5 { background-position: 0 -204px; }

/* .footer---------------*/
.footer{ height:128px; border-top: 1px dashed #ccc; padding-top: 6px; }
.f_ul li{ float: left; }
.f_ul li a{ color: #333; }


/* ==================设计大赛==================*/

/* #top ---------------*/
.exam,.examTop { font-size: 13px; }
.examTop { background-color: #3b3b3b; font-size: 12px; height: 30px; line-height: 30px; font-family: "微软雅黑";}
.examTop a{ display: inline-block; color: #fff; padding: 0 8px; text-decoration: none;}
.examTop a:hover{ color: #CCC; text-decoration: none; background-color: #6F6F6F;}
.examTop #top-inner{ padding: 0 15px;}
.examTop .quick-menu{float:left;}
.examTop .quick-menu li{ float:left;}
.examTop .quick-menu a:hover {background: none;}
.examTop .collect{float:right;}

/* .centent ---------------*/
.exam .list_title {font: normal 16px/24px "微软雅黑"; }
.exam .list_p {font: 14px/26px "微软雅黑"; color: #999; }
.exam .col_box p a { font: 14px/28px "微软雅黑"; }
.exam a:link,.exam a:visited{ color: #333; }
.exam a:hover{ color: #259; }
.t6 { background-position: 0 -252px; }
.logo_list { width: 128px; height: 48px; display: block; border: 1px solid #eee; margin-top: 25px; }
.exam .news_list a { display: block; width: 130px; text-align: right; }
.exam .news_list h3 a{ display: inline; }
.exam .col_box .col_link a {line-height: 24px;}
.exam .red:link, .exam .red:visited{color: #D83C40;}
.exam .blue:link, .exam .blue:visited { color: #259; }

/* ==================厂家专区==================*/

/* .centent ---------------*/
.zone_list { width: 520px;}
.zone_img{ width: 118px; height: 178px; border: 1px solid #eee; line-height: 178px; }
.exam .news_list .img_link { display: block; margin-right: 20px; width: 118px; }
.news_list li .title_list li{ display:inline-block; width: 92px; padding: 0px; border: 3px solid #fff; line-height:32px; border-bottom: none; float: left; text-align: center; color: #666; background: #f2f2f2; cursor: pointer; }
 .news_list li.special .title_list li, .news_list li.special .title_list li.cur { width: 79px; }
.news_list li .title_list li a:link,.news_list li .title_list li a:visited { color: #666; display: inline; }
.news_list li .title_list li a:hover{ color:#990000; }
.news_list li .title_list li.cur{ border: 1px solid #e3e3e3; border-bottom: none; background: #fff; width: 96px; line-height:34px; position: relative; top:1px; }
.inner_list{ border-top: 1px solid #e3e3e3; padding-top: 12px; height: 130px;/* overflow: hidden;*/ line-height: 22px;}
.news_list li .zone_ul li{ padding: 0px; border: 0; float: none; position: relative; width: 100%; }
.news_list li .zone_ul li a{ display: inline-block; width: 250px; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; text-align: left; }
.tip{ display: none; position: absolute; top:20px; z-index: 999; background: #fff; line-height: 20px; border: 1px solid #767676; padding: 0 8px; }
.left_tip { left: 40px; }
.right_tip { right: 0px; }


.news_list .list_p {
    white-space: nowrap;
}
.news .page {
    margin-top: 25px;
    text-align: center;
}
.news .page ul {
    display: inline-block;
}
.news .page li {
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    width: 30px;
    line-height: 30px;
}
.news .page .on {
    background-color: #d00;
    border-color: #d00;
    color: #fff;
}

.notice {
    float: right;
    padding-left: 24px;
    margin-right: 20px;
    color: #fff;
    background: url(https://skin.elecfans.com/images/notice.png) no-repeat 0 3px;
}
.my-info {
    float: right;
    position: relative;
    z-index: 100;
}
.u-info img {
    float: left;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    margin-top: 5px;
}
.top-dropdown-menu {
    position: absolute;
    right: 0;
    top: -9999px;
    width: 130px;
    padding: 9px 0;
    background: #111;
    z-index: 100;
    box-shadow: 2px 2px 3px #999;
}
.news .page .prev, .news .page .next {
    display: inline-block;
    width: 60px;
    line-height: 30px;
    cursor: pointer;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
}
.news .page .prev:hover, .news .page .next:hover{
    background-color: #d00;
    border-color: #d00;
    color: #fff;
}

.pc_show{
    display: block!important;
}
.pc_show_flex{
    display: flex!important;
}
.m_show,.m_show_flex{
    display: none!important;
}


/* 移动端 */
@media screen and (max-width: 750px) {
    .m_show{
        display: block!important;
    }
    .m_show_flex{
        display: flex!important;
    }
    .pc_show,.pc_show_flex{
        display: none!important;
    }
    html{
        font-size: 26.6666667vw;
    }
    #top,.header,#banner,.con_right {
        display: none;
    }
    .g1000, .content, .footer{
        width: 100vw!important;
    }
    #mobile_top{
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        display: flex;
        align-items: center;
        justify-content:flex-start;
        padding: 0.06rem 0.12rem;
        box-sizing: border-box;
        z-index: 100;
        background: #fff;
    }
    #mobile_top>a.goMain {
        margin-right: 0.16rem
    }
    #mobile_top>a.goMain img{
        display: block;
        width: 0.84rem;
    }
    #mobile_top .searchWrap{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 1.7rem;
        height: 0.32rem;
        background: #f8f8f8;
        border-radius: 0.16rem;
        padding: 0 0.1rem;
        box-sizing: border-box;
        margin-right: 0.17rem;
    }
    #mobile_top .searchBtn{
        width: .16rem;
        height: .16rem;
        background: url(../images/search.png) left top no-repeat;
        background-size: 100%;
        margin-right: 0.04rem;
    }
    #mobile_top div{
        font-size: 0.14rem;
        font-weight: 400;
        text-align: left;
        color: #cccccc;
    }
    .loginBtn{
        font-size: 0.14rem;
        font-weight: 400;
        text-align: left;
        color: #cc0000;
    }
    #mobile_top .goNav{
        position: absolute;
        top:0.1rem ;
        right: 0.12rem;
        width:.24rem ;
        height: .24rem;
        background: url(../images/menu.png) left top no-repeat;
        background-size: 100% 100%;
    }
    .news{
        width: 100vw;
        padding:0.57rem 0.12rem 0 ;
        border: none;
        box-sizing: border-box;
    }
    .news_title {
        float: none!important;
        border: none;
        line-height: 0.22rem;
        height: 0.22rem;
        font-size: 0.16rem;
        font-weight: 700;
        text-align: left;
        color: #333333;
    }
    .hd{
        display: none;
    }
    .news_list li{
        padding:0.2rem 0 0;
        display: flex;
        align-items: center;
        justify-content:space-between ;
        border-bottom: none;
    }
    .news_list li a{
        margin-top: 0px;
    }
    .news_list li .cont{
        flex: 1;
        overflow: hidden;
        width: auto;
    }
    .exam .news_list .metz_img,.metz_img{
        width: 1.2rem;
        height: 0.75rem; 
        margin-right: 0.1rem;    
        background: rgba(0,0,0,0.00);
        border: 1px solid #ececec;
        border-radius: 0.04rem;
    }
    .list_title{
        display: block;
        height: 0.2rem;
        line-height: 0.2rem;
        font-size: 0.14rem;
        font-weight: 400;
        text-align: left;
        color: #333333;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
    }
    .join, .award_name{
        width: 0.72rem;
        height: 0.24rem;
        background: linear-gradient(90deg,#999999, #b5b5b5);
        border-radius: 0.12rem;
        font-size: 0.12rem;
        font-weight: 400;
        text-align: center;
        color: #ffffff;
    }
    .join{
        background: linear-gradient(90deg,#cc0000, #e43916);  
    }
    .list_p{
        font-size: 0.12rem;
        line-height: 0.17rem;
        font-weight: 400;
        text-align: left;
        margin-top: 0.04rem;
        margin-bottom: 0.08rem;
        color: #999999;
    }
    .list_p_address,.list_p_time .activeTime{
        display: none;
    }
    .list_p_time{
       position: relative;
       padding-left: 0.2rem;
    }
    .list_p_time::before{
        content:"";
        position: absolute;
        left: 0px;
        top: 0.01rem;
        width: 0.14rem;
        height: 0.14rem;
        background: url(../images/time.png) left top no-repeat;
        background-size: 100% 100%;
    }
    .m_footer{
        padding:0.24rem 0.12rem  0.16rem;
        background: #333333;
        text-align: center;
        margin-top: 0.24rem;
    }
    .m_footer h3{
        font-size: 0.16rem;
        font-weight: 700;
        text-align: center;
        color: #ffffff;
        line-height: 0.22rem; 
    }
    .m_footer dl{
        padding-bottom: 0.16rem;
        border-bottom: 1px solid rgba(255,255,255,.1);
    }
    .m_footer dt{
        font-size: 0.12rem;
        font-weight: 400;
        text-align: center;
        color: #ffffff;
        line-height: 0.26rem; 
        margin-top: 0.16rem;
    }
    .m_footer  dd{
        font-size: 0.12rem;
        font-weight: 400;
        text-align: center;
        color: #cccccc;
        line-height: 0.17rem;
        margin-top: 0.04rem;
    }
    .downApp{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.14rem;
        font-weight: 400;
        color: #ffffff;
        line-height: 0.2rem;
        padding-top: 0.16rem;
        margin-bottom: 0.1rem;     
    }
    .downApp .phoneIcon{
        width: 0.16rem;
        height: 0.16rem;
        background: url(../images/phoneIcon.png) left top no-repeat;
        background-size: 100% 100%;
        margin-right: 0.06rem ;
    }
    .recordNumber{
        font-size: 0.12rem;
        font-weight: 400;
        text-align: center;
        color: #cccccc;
        line-height: 0.18rem;
    }
    .recordNumber a{
        color: #cccccc;
    }
    .m_page{
        margin: 0.24rem auto 0;
        width: 1.2rem;
        height: 0.32rem;
        background: #ffffff;
        border: 0.01rem solid #e4e4e4;
        border-radius: 0.17rem;
        font-size: 0.14rem;
        font-weight: 400;
        text-align: center;
        color: #666666;
        line-height: 0.32rem;
    }
     .list_title +  sup{
        display: none;
    }
    .list_p_price{
        display: none;
    }
    .news_list li{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
   .goUserInfo{
        display: none;
        width: 0.24rem;
        height: 0.24rem;
   }
   .goUserInfo img{
        width: 100%;
        height: 100%;
        border-radius: 50%;
   }
}