* { margin: 0;padding: 0;box-sizing: border-box; }
html,body{ height: 100%; background: #f5f7fa; }
.clear{clear: both;height: 0;line-height:0; font-size:0;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
dl{margin:0;}
i{ font-style: normal; }
.img-nav{ display: inline-block; width: 20px; height: 20px; vertical-align: middle;}
.img-nav1{ background: url("../images/nav1.png") center no-repeat; }
.img-nav2{ background: url("../images/nav2.png") center no-repeat; }
.img-nav3{ background: url("../images/nav3.png") center no-repeat; }
.img-nav4{ background: url("../images/nav4.png") center no-repeat; }
.img-nav5{ background: url("../images/nav5.png") center no-repeat; }
.img-nav6{ background: url("../images/nav6.png") center no-repeat; }
.img-nav7{ background: url("../images/nav7.png") center no-repeat; }
.menu-toggle{ display: inline-block; width: 20px; height: 20px; margin-left: 18px; vertical-align: middle; background: url("../images/toggle.png") center no-repeat; cursor: pointer }
.menu-toggle.act{ transform:rotate(180deg); }

.common-header{
    height: 56px; background: #fff; z-index: 11; line-height: 56px; transition: .3s;    border-bottom: 1px solid #f5f7fa;
}
.common-header.small{
    left: 50px;
}
.common-header .loginInfo{float:right;}
.common-header .info{float: right;height: 56px;width: 151px;padding-right: 12px;color: #303133;line-height: 56px;font-size: 14px; position: relative}
.common-header .info::after{
    content:"";
     position: absolute;  
    top: 50%;  
    right: 18px;
    width: 8px;
    height: 8px;
    border-style: solid;  
    border-width: 1px 1px 0 0;  
    border-color: #333;  
    -webkit-transform-origin: 75% 25%;  
    -webkit-transform: rotateZ(135deg);  
    -webkit-transition: 100ms ease-in .1s;  
    transition: 100ms ease-in .1s;  
}
.common-header .info img{float: left; display: block; padding: 16px 3px 0 0;}
.common-header .info .username{
line-height: 14px;
    float: left;
    padding-top: 14px;

}
.common-header .info-drop {
    display:none;
    box-shadow: 0 2px 4px rgba(174, 184, 227, 0.5);
    background-color: #fff;
    width: 190px;
    line-height: 1.4;
    color: #333;
    padding: 10px 20px;
    font-size: 14px;
    position: absolute;
    top: 56px;    
    right: 10px;
    max-height: 112px;
    overflow: hidden;
    min-height: 56px;
}

.common-header .infoTT{float: right;height: 56px;width: 118px;padding-right: 12px;color: #303133;line-height: 56px;font-size: 14px; position: relative}
.common-header .infoTT img{float: left; display: block; padding: 21px 3px 0 0;}
.common-header .infoTT.tt2{    border: 1px solid #fb6160;
    width: auto;
    text-align: center;
    margin-right: 30px;
    margin-top: 14px;
    height: 28px;
    line-height: 28px;
    color: #fb6160;
    padding: 0 10px;
    font-size: 12px;}

.left-nav{
    float: left; position: relative; width: 170px; min-height: 100%; background: #2C4389; z-index: 10; transition: .3s;overflow:hidden;
}
.left-nav-logo{
    height: 56px; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.1); text-align: center; cursor: pointer;    color: #FFF;font-size: 20px;line-height: 56px;font-weight: bold;overflow: hidden;
}
.left-nav-logo.small{
    width:50px;font-size: 12px;
    background: url(../images/logo-sm.png) center no-repeat;
}
.left-nav-logo.small div{display:none;}
.left-nav-main{
     line-height: 50px; overflow: hidden; transition: .3s;margin-bottom:0;
}
.left-nav-main.act {
    height: auto;
}
.left-nav-main dt{
    position: relative; height: 50px; padding: 0 0 0 15px; cursor: pointer;line-height:50px;
}
.left-nav-main dt:after {
    content: ''; position: absolute; top: 17px; right: 10px; width: 16px; height: 16px; background: url("../images/arrow-down.png") center no-repeat; transition: .3s;
}
.left-nav-main.act dt:after {
    transform:rotate(269deg);
}
.left-nav-main dt span{
    display: inline-block; margin-left: 8px; color: #fff; vertical-align: middle; font-size: 14px; font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI;
}
.left-nav-main dd{
    position: relative; height: 50px;line-height:50px; padding-left: 28px; color: #fff; font-size: 14px; cursor: pointer; transition: .3s; font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI;
}
.left-nav-main dd.adpr{display:none}
.left-nav-main dd:before{
    content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 50px; background: #06FFE7; opacity: 0; transition: .3s;
}
.left-nav-main dd.act,.left-nav-main dd:hover,.left-nav-main dt:hover{
    background: rgba(0,0,0,.2);
}
.left-nav-main dd.act:before{
    opacity: 1;
}
.left-nav.small{
    width: 50px;
}
.left-nav.small dt span{
    display: none;
}
.left-nav.small .left-nav-main dt:after{
    display: none;
}
.left-nav.small dd{
    display: none;
}

.sub-menu{
    position: fixed; left: -120px; top: 56px; width: 120px; height: calc(100% - 56px); background: #fff; box-shadow: 2px 0px 5px 1px rgba(0, 0, 0, 0.05); transition: .3s; color: #333333; z-index: 8;
}
.sub-menu.act{
    left: 170px;
}
.sub-menu-title{
    margin: 6px 17px 0; padding: 0 3px; border-bottom: 1px solid #F2F2F9; line-height: 56px; font-size: 16px; font-weight: bold;
}
.sub-menu-list{
    padding: 0 0 0 20px; line-height: 42px; font-size: 12px; cursor: pointer; background: #fff; transition: .3s;
}
.sub-menu-list:hover{
    background: #efefef;
}


.home_r {
    width: 100%;
    float: right;
    height: 100%;
    overflow:hidden;
}

/********************抖音直播*************************/
.dyhead .hea-rig{ background: #ffffff;border-radius: 4px;margin: 18px;}
.dyhead .hea-rig .dylctit{line-height: 63px;height: 63px;border-bottom: 1px solid #DCDEE0;}
.dyhead .hea-rig .dylctit img{width: 24px;height: 24px;float: left;margin: 20px 5px 0 28px;}
.dyhead .hea-rig .dylctit i{font-size: 18px;color: #333333;font-weight: bold;float: left;}
.dyhead .hea-rig .menu{ margin: 48px auto 0;display: inline-block;width: 100%;}
.dyhead .hea-rig .menu .mnav{margin:0 1.4%}
.dyhead .hea-rig .menu .mnav li{float: left; position: relative;width:25%;box-sizing:border-box;margin-bottom: 98px;}
.dyhead .hea-rig .menu .mnav li img{display:block;margin:0 auto;width: 73%;}
/********************抖音直播*************************/

/********************小程序直播*************************/
.xcxlc .step1 span  {display: block;background: #3370FF;border-radius: 0px 72px 72px 0px;width: 133px;height: 40px;line-height: 40px;color: #FFF;padding-left: 10px;font-size: 16px;margin-top: 20px;margin-bottom: 16px;}
.xcxlc .step { padding: 0 32px;}
.xcxlc .step .p{ padding: 30px 48px;}
.xcxlc .step .p img{display:block;float:left;max-width: 100%;}
.xcxlc .step .ss{font-size:18px;color:#333;line-height:22px;}
.xcxlc .step .ss1{font-size:18px;color:#666;line-height:22px;}
.xcxlc .step .ss1 span{color:#3370FF}
.xcxlc .step .ss2{font-size:18px;color:#666;line-height:30px;padding-left:48px;}
.xcxlc .step .ss2.red{color:#EA4A4A;margin-bottom:20px;}
.xcxlc .step .ss3{font-size:18px;color:#333;line-height:30px;padding-left:48px;margin-top:30px;}
.xcxlc .step .p2 img,.xcxlc .step .p5 img{width:20%;}
.xcxlc .step .p4 {padding: 0 48px 50px;}
.xcxlc .step .p4 .i9{width:60%;height:486px;}
.xcxlc .step .p4 .i10{width:40%;height:486px;}
.xcxlc .step .p6 .i21{width: 14%;margin-right: 4%;}
.xcxlc .step .p6 .i22{width: 80%;}
.xcxlc .step .p7 .i23{width: 43%;margin-right: 3%;height: 740px;margin-bottom:23px;}
.xcxlc .step .p7 .i24{width: 54%;height: 740px;margin-bottom:23px;}
.xcxlc .step .p9{padding-bottom: 50px;}
.xcxlc .step .p10{padding-top:16px;}
/********************小程序直播*************************/