body
{
    background: #fff;
}
.main_waper
{
    margin-bottom: 0px;
}
.substationbig
{
    font-size: 30px;
    font-weight: bold;
    color: #217fe7;
    margin-top: 30px;
    text-align: center;
}

.substationdesc
{
    font-size: 20px;
    color: #217fe7;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

.substation
{
    background: #f3f4f5;
}
.substation .item-box
{
    padding-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1280px;
    margin: 0 auto;
    padding-bottom: 80px;
}

.substationitem
{
    max-width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 10px;
    border: none;
    padding: 20px 10px;
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.substation_box{
    padding-bottom: 15px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);   
}
.substationimgblank
{
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.substationimg
{
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    height: 200px;
}

.substationimgblank:hover .substationimg
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.substationtitle
{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #424242;
    text-align: left;
    padding-bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.substationtime
{
    font-size: 14px;
    font-weight: 300;
    line-height: 1.571429;
    color: #757575;
    text-align: left;
}

.sortbar
{
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.sortitem
{
    border-radius: 4px;
    border: 1px solid #eee;
    padding: 0px 10px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    height: 30px;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 10px;
    margin-bottom:10px;
}
.sortitem.cur
{
    border-color: #217fe7;
    color: #217fe7;
}
.sorttitle
{
    width: 110px;
    font-weight: bold;
    font-size: 16px;
}

.sortheadline
{
    width: 100%;
    height: 2px;
    background: #eee;
    margin-top: 30px;
    margin-bottom: 30px;
}

.sortflex
{
    flex: 1;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.currentitem
{
    font-size: 16px;
    color: #333;
    margin-right: 10px;
    font-weight: bold;
}
.substationitem a
{
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    padding:0;
    border:none;    
}
.sorthead
{
    padding-bottom: 30px;
}
.noinfotips
{
    padding: 80px;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #999;
    font-weight: 400;
}
.sort-more{ display:none;}

.tabsubstation{width: 1280px;box-sizing: border-box;height: 45px;line-height: 43px;border-bottom: 2px solid #cdcdcd;margin: 0px 10px;}
.tabsubitem{display: inline-block;padding: 0px 24px;font-size:16px;color:#333;cursor:pointer;}
.tabsubitem.activesubselect{display: inline-block;padding: 0px 24px;border-bottom: 2px solid #448aff;color: #217fe7;}

/**报名参展相关**/
.substationtxt {width: 90%;}
a.substationbtn {padding: 6px 22px;
    background-color: #009eff;
    border-radius: 4px;
    font-size: 14px;
    color: #ffffff;
    width: auto;
    box-sizing: border-box;
    display: flex;
    text-align: center;
    justify-content: center;
    line-height: 1;}
a.substationbtn.hasjoinbtn {opacity:0.4;}
.substationbottom {display:flex;align-items:flex-end;justify-content:space-between;padding:0 15px}
.activemask {background: #000;filter: alpha(opacity=10);opacity: .3;left: 0px;top: 0px;position: fixed;height: 100%;width: 100%;overflow: hidden;z-index: 1000; display:none;}
.ensuredialog {width:400px;height:auto;min-height:533px;background-color:#ffffff;overflow:hidden;position:fixed;top:50%;left:50%;transform: translateX(-50%) translateY(-50%);z-index: 10000;margin: 0 auto;box-sizing: border-box;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;flex-direction: column;padding: 32px 24px;display:none;text-align:center;}
.dialogtitle {font-size: 18px;color: #000000;}
.dialogtitle_line {width: 32px;height: 2px;border-top:solid 1px #009eff;margin:0 auto;margin-top:6px;}
.dialogdesc {font-size: 14px;color: #999999;margin-top:32px;}
.baseinfoblank {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-bottom: 1px solid #eee;padding-bottom:20px;padding-top:12px;width:100%;}
.baseinfotitle {font-size: 14px;line-height: 20px;color: #666666;margin-top:16px;}
.baseinfodesc {	font-size: 14px;line-height: 20px;color: #333333;font-weight:bold;margin-top:4px;}
.dialogregist {font-size: 14px;line-height: 20px;color: #009eff;padding:24px 0px 20px 0px;display:flex;align-items:center;justify-content:center;}
.registarrow {width: 6px;height: 10px;margin-left: 6px;}
.dialogbtnbar{display: flex;align-items: center;justify-content: space-between;width:100%;}
.dialogbtnwhite {width: 164px;height: 40px;border-radius:6px;border:solid 1px #999999;display:inline-block;font-size:16px;color:#333333;line-height:40px;text-align:center;float:left;}
.dialogbtncolor {width: 164px;height: 40px;background-color: #009eff;border-radius: 6px;font-size: 16px;color: #fff;line-height: 40px;text-align:center;float:right;}
.close {position: absolute;right: 24px;top: 16px;width: 18px;height: 18px;}
.close:before,.close:after {position: absolute;left: 8px;content: ' ';height: 16px;width: 2px;background-color: #333;}
.close:before {transform: rotate(45deg);}
.close:after {transform: rotate(-45deg);}
a.registinfo {font-size: 14px;line-height: 20px;color: #009eff;}
a.registinfo:after {content: "";width: 8px;height: 8px;display: inline-block;border-top: 1px solid #009eff;border-right: 1px solid #009eff;transform: rotate(45deg);}
.successtitle{font-size: 18px;color: #333;font-weight: bold;padding-top: 20px;}
.successdesc{font-size: 14px;color: #999;}
.dissuccessimg{margin-top: 60px;}
.setbottombtn{width: 352px;position: absolute;bottom: 32px;left:24px;}
@media only screen and (max-width:374px) 
{
    .sortbar
    {
        flex-direction: column;
    }
    .sorttitle
    {
       padding-bottom: 10px; 
    }
    .substation .item-box 
    { 
        flex-direction: column;width: 100%;
    }
    .substationitem
    {
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
     }

     .substationitem:nth-child(2n) {
        padding-right: 10px;
     }
     .sortflex
     {
        width: 100%;
        max-height:145px;
        height:auto;
        flex: none;
        overflow: hidden;
     }
     .sortflex.sortshow
     {
         max-height:none;
     }
     .sort-more
     {
        display:block;  
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #217fe7;
        font-weight: bold;  
     }
      .toparrow{
        position: absolute;
        margin-top: 12px;
        margin-left: 8px;
    }
    .toparrow:before,.toparrow:after{
        position: absolute;
        content: '';
        border-top: 5px transparent dashed;
        border-left: 5px transparent dashed;
        border-right: 5px transparent dashed;
        border-bottom: 5px #fff solid;
    }
    .toparrow:before{
        border-bottom: 5px #217fe7 solid;
    }
    .toparrow:after{
        top: 1px; /*覆盖并错开1px*/
        border-bottom: 5px #fff solid;
    }
    .bottomarrow{
        position: absolute;
        margin-top: 17px;
        margin-left: 8px;
    }
    .bottomarrow:before,.bottomarrow:after{
        position: absolute;
        content: '';
        border-top: 5px #fff solid;
        border-left: 5px transparent dashed;
        border-right: 5px transparent dashed;
        border-bottom: 5px transparent dashed;
    }
    .bottomarrow:before{
        border-top: 5px #217fe7 solid;
    }
    .bottomarrow:after{
        top: -1px; /*覆盖并错开1px*/
        border-top: 5px #fff solid;
    }
     .ensuredialog
    { width: 90%; }
    .dialogbtnwhite
    {max-width: 100px;
    width: auto;
    padding: 0px 30px;        }
    .dialogbtncolor{max-width: 100px;
    width: auto;
    padding: 0px 30px;}
    
    .setbottombtn{padding: 0px 30px;
    max-width: 160px;
    left: 25%;
    margin: 0 auto;
    bottom: 32px;
    width: 30%;}
}
/*当页面宽度大于375px小于540px*/
@media screen and (min-width:375px) and (max-width:540px)
{
    .sortbar
    {
        flex-direction: column;
    }
    .sorttitle
    {
       padding-bottom: 10px; 
    }
     .substation .item-box 
    { 
        flex-direction: column;width: 100%;
    }
    .substationitem
    {
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
     }
     .substationitem:nth-child(2n) {
        padding-right: 10px;
    }
     .sortflex
     {
        width: 100%;
        max-height: 145px;
        height:auto;
        flex: none;
        overflow: hidden;
     }
     .sortflex.sortshow
     {
         max-height:none;
     }
     .sort-more
     {
        display:block;  
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #217fe7;
        font-weight: bold;  
     }
     .toparrow{
        position: absolute;
        margin-top: 12px;
        margin-left: 8px;
    }
    .toparrow:before,.toparrow:after{
        position: absolute;
        content: '';
        border-top: 5px transparent dashed;
        border-left: 5px transparent dashed;
        border-right: 5px transparent dashed;
        border-bottom: 5px #fff solid;
    }
    .toparrow:before{
        border-bottom: 5px #217fe7 solid;
    }
    .toparrow:after{
        top: 1px; /*覆盖并错开1px*/
        border-bottom: 5px #fff solid;
    }
    .bottomarrow{
        position: absolute;
        margin-top: 17px;
        margin-left: 8px;
    }
    .bottomarrow:before,.bottomarrow:after{
        position: absolute;
        content: '';
        border-top: 5px #fff solid;
        border-left: 5px transparent dashed;
        border-right: 5px transparent dashed;
        border-bottom: 5px transparent dashed;
    }
    .bottomarrow:before{
        border-top: 5px #217fe7 solid;
    }
    .bottomarrow:after{
        top: -1px; /*覆盖并错开1px*/
        border-top: 5px #fff solid;
    }
    .ensuredialog
    { width: 90%; }
    .dialogbtnwhite
    {max-width: 100px;
    width: auto;
    padding: 0px 30px;        }
    .dialogbtncolor{max-width: 100px;
    width: auto;
    padding: 0px 30px;}
    
    .setbottombtn{padding: 0px 30px;
    max-width: 160px;
    left: 25%;
    margin: 0 auto;
    bottom: 32px;
    width: 30%;}
}
/*当页面宽度大于768px小于960px ipad*/
@media screen and (min-width:768px) and (max-width:960px)
{
    .substation .item-box 
    { 
        width: 100%;
    }
}
/*当页面宽度大于960px小于1200px ipad pro*/
@media screen and (min-width:960px) and (max-width:1200px)
{
    .substation .item-box 
    { 
        width: 100%;
    }
}