.introjs-helperLayer,.introjs-overlay {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out
}

.introjs-overlay {
    position: absolute;
    z-index: 10000;
    background-color: #000;
    opacity: 0;
    transition: all .3s ease-out
}

.introjs-fixParent {
    position: absolute!important;
    z-index: auto!important;
    opacity: 1!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    -moz-transform: none!important;
    transform: none!important
}

.introjs-showElement,tr.introjs-showElement>td,tr.introjs-showElement>th {
    z-index: 10100!important
}

.introjs-disableInteraction {
    position: absolute;
    z-index: 10300!important
}

.introjs-relativePosition,tr.introjs-showElement>td,tr.introjs-showElement>th {
    position: relative
}

.introjs-helperLayer {
    position: absolute;
    z-index: 10099;
    background-color: #fff;
    background-color: rgba(255,255,255,.7);
    border: 1px solid #777;
    border: 1px solid rgba(0,0,0,.5);
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,.4);
    box-shadow: 0 2px 15px rgba(0,0,0,.4);
    transition: all .3s ease-out
}

.introjs-tooltipReferenceLayer {
    position: absolute;
    z-index: 10101;
    background-color: transparent;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-helperLayer *,.introjs-helperLayer :after,.introjs-helperLayer :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box
}

.introjs-helperNumberLayer {
    position: absolute;
    top: -16px;
    left: -16px;
    z-index: 10400!important;
    width: 20px;
    height: 20px;
    padding: 4px;
    font-family: Arial,verdana,tahoma;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    background: #1e88e5;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4);
    box-shadow: 0 2px 5px rgba(0,0,0,.4)
}

.introjs-arrow {
    position: absolute;
    display: none!important;
    content: '';
    border: 5px solid #fff
}

.introjs-arrow.top,.introjs-arrow.top-middle,.introjs-arrow.top-right {
    top: -10px;
    border-color: transparent transparent #fff
}

.introjs-arrow.top-right {
    right: 10px
}

.introjs-arrow.top-middle {
    left: 50%;
    margin-left: -5px
}

.introjs-arrow.left,.introjs-arrow.right {
    top: 10px
}

.introjs-arrow.right,.introjs-arrow.right-bottom {
    right: -10px;
    border-color: transparent transparent transparent #fff
}

.introjs-arrow.right-bottom {
    bottom: 10px
}

.introjs-arrow.bottom {
    bottom: -10px;
    border-color: #fff transparent transparent
}

.introjs-arrow.left,.introjs-arrow.left-bottom {
    left: -10px;
    border-color: transparent #fff transparent transparent
}

.introjs-arrow.left-bottom {
    bottom: 10px
}

.introjs-tooltip {
    position: absolute;
    min-width: 300px;
    max-width: 500px;
    padding: 10px;
    font-size: 30px;
    color: #fff;
    background-color: transparent;
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out
}

.introjs-tooltip .content {
    display: block;
    margin-top: 20px;
    font-size: 14px
}

.introjs-tooltipbuttons {
    margin-top: 10px;
    text-align: right;
    white-space: nowrap
}

.introjs-skipbutton {
    position: fixed;
    right: 50px;
    bottom: 50px;
    width: 56px;
    height: 56px;
    padding: 0;
    margin: 0 5px 0 0;
    font-size: 24px;
    color: #fff!important;
    text-align: center;
    text-shadow: none;
    background: #e53935!important;
    border: none;
    border-radius: 100%;
    -webkit-box-shadow: 0 6px 10px rgba(0,0,0,.15);
    box-shadow: 0 6px 10px rgba(0,0,0,.15)
}

.introjs-skipbutton i {
    line-height: 56px
}

.introjs-skipbutton:hover {
    color: #fff;
    border: none;
    -webkit-box-shadow: 0 6px 10px rgba(0,0,0,.15);
    box-shadow: 0 6px 10px rgba(0,0,0,.15)
}

.introjs-skipbutton:active,.introjs-skipbutton:focus {
    background: #e53935
}

.introjs-nextbutton,.introjs-prevbutton {
    padding: 8px 18px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    text-decoration: none;
    background-color: #1e88e5;
    border: 1px solid transparent;
    border-radius: 1000px;
    -webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    -moz-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    -webkit-font-smoothing: subpixel-antialiased
}

.introjs-nextbutton:active,.introjs-nextbutton:focus,.introjs-nextbutton:hover,.introjs-prevbutton:active,.introjs-prevbutton:focus,.introjs-prevbutton:hover {
    color: #fff;
    text-decoration: none
}

.introjs-nextbutton.introjs-disabled,.introjs-prevbutton.introjs-disabled {
    color: #9e9e9e!important;
    cursor: not-allowed;
    background: 0 0!important;
    border: 1px solid
}

.introjs-prevbutton {
    float: left
}

.introjs-prevbutton i {
    margin-right: 10px
}

.introjs-nextbutton {
    float: right
}

.introjs-nextbutton i {
    margin-left: 10px
}

.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover {
    text-decoration: none
}

.introjs-bullets {
    text-align: center
}

.introjs-bullets ul {
    display: inline-block;
    padding: 0;
    margin: 15px auto 0;
    clear: both
}

.introjs-bullets ul li {
    float: left;
    margin: 0 2px;
    list-style: none
}

.introjs-bullets ul li a {
    display: block;
    width: 6px;
    height: 6px;
    text-decoration: none;
    background: #ccc;
    border-radius: 10px
}

.introjs-bullets ul li a.active,.introjs-bullets ul li a:hover {
    background: #999
}

.introjs-progress {
    height: 10px;
    margin: 10px 0 5px;
    overflow: hidden;
    background-color: #ecf0f1;
    border-radius: 4px
}

.introjs-progressbar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c
}

.introjsFloatingElement {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0
}

.introjs-fixedTooltip {
    position: fixed
}

.introjs-hint {
    position: absolute;
    width: 20px;
    height: 15px;
    background: 0 0
}

.introjs-hidehint {
    display: none
}

.introjs-fixedhint {
    position: fixed
}

.introjs-hint:hover>.introjs-hint-pulse {
    border: 5px solid rgba(60,60,60,.57)
}

.introjs-hint-pulse {
    position: absolute;
    z-index: 10;
    width: 10px;
    height: 10px;
    background-color: rgba(136,136,136,.24);
    border: 5px solid rgba(60,60,60,.27);
    border-radius: 30px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.introjs-hint-dot {
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    width: 50px;
    height: 50px;
    background: 0 0;
    border: 10px solid rgba(146,146,146,.36);
    border-radius: 60px;
    opacity: 0;
    -webkit-animation: introjspulse 3s ease-out;
    -moz-animation: introjspulse 3s ease-out;
    animation: introjspulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes introjspulse {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }

    25% {
        opacity: .1;
        -webkit-transform: scale(0)
    }

    50% {
        opacity: .3;
        -webkit-transform: scale(.1)
    }

    75% {
        opacity: .5;
        -webkit-transform: scale(.5)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1)
    }
}

.webui-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1800;
    display: none;
    width: 276px;
    min-height: 32px;
    padding: 0;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e0e0e0;
    border: 1px solid rgba(189,189,189,.8);
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.05)
}

.webui-popover.top,.webui-popover.top-left,.webui-popover.top-right {
    margin-top: -8px
}

.webui-popover.right,.webui-popover.right-bottom,.webui-popover.right-top {
    margin-left: 8px
}

.webui-popover.bottom,.webui-popover.bottom-left,.webui-popover.bottom-right {
    margin-top: 8px
}

.webui-popover.left,.webui-popover.left-bottom,.webui-popover.left-top {
    margin-left: -8px
}

.webui-popover.pop {
    -webkit-transition: -webkit-transform .15s cubic-bezier(.3,0,0,1.5);
    -moz-transition: transform .15s cubic-bezier(.3,0,0,1.5),-moz-transform .15s cubic-bezier(.3,0,0,1.5);
    transition: transform .15s cubic-bezier(.3,0,0,1.5);
    transition: transform .15s cubic-bezier(.3,0,0,1.5),-webkit-transform .15s cubic-bezier(.3,0,0,1.5),-moz-transform .15s cubic-bezier(.3,0,0,1.5);
    transition: transform .15s cubic-bezier(.3,0,0,1.5),-webkit-transform .15s cubic-bezier(.3,0,0,1.5);
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8)
}

.webui-popover.fade {
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.webui-popover.in {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none
}

.webui-popover-inner .close {
    float: right;
    margin: 5px 10px 0 0;
    font-family: arial;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.webui-popover-inner .close:focus,.webui-popover-inner .close:hover {
    filter: alpha(opacity=50);
    opacity: .5
}

.webui-popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #eee;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 3px 3px 0 0
}

.webui-popover-content {
    padding: 20px;
    overflow: auto
}

.gad-container,.gad-right1,.gad-right2 {
    overflow: hidden;
    border: 1px solid #757575
}

.webui-no-padding .webui-popover-content {
    padding: 0
}

.webui-no-padding .list-group-item {
    border-right: none;
    border-left: none
}

.webui-no-padding .list-group-item:first-child {
    border-top: 0
}

.webui-no-padding .list-group-item:last-child {
    border-bottom: 0
}

.webui-popover>.webui-arrow,.webui-popover>.webui-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.webui-popover>.webui-arrow {
    border-width: 9px
}

.webui-popover>.webui-arrow:after {
    content: "";
    border-width: 8px
}

.webui-popover.top-left>.webui-arrow,.webui-popover.top-right>.webui-arrow,.webui-popover.top>.webui-arrow {
    bottom: -9px;
    left: 50%;
    margin-left: -9px;
    border-top-color: #adadad;
    border-top-color: rgba(189,189,189,.85);
    border-bottom-width: 0
}

.webui-popover.top-left>.webui-arrow:after,.webui-popover.top-right>.webui-arrow:after,.webui-popover.top>.webui-arrow:after {
    bottom: 1px;
    margin-left: -8px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.webui-popover.right-bottom>.webui-arrow,.webui-popover.right-top>.webui-arrow,.webui-popover.right>.webui-arrow {
    top: 50%;
    left: -9px;
    margin-top: -9px;
    border-right-color: #adadad;
    border-right-color: rgba(189,189,189,.85);
    border-left-width: 0
}

.webui-popover.right-bottom>.webui-arrow:after,.webui-popover.right-top>.webui-arrow:after,.webui-popover.right>.webui-arrow:after {
    bottom: -8px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.webui-popover.bottom-left>.webui-arrow,.webui-popover.bottom-right>.webui-arrow,.webui-popover.bottom>.webui-arrow {
    top: -9px;
    left: 50%;
    margin-left: -9px;
    border-top-width: 0;
    border-bottom-color: #adadad;
    border-bottom-color: rgba(189,189,189,.85)
}

.webui-popover.bottom-left>.webui-arrow:after,.webui-popover.bottom-right>.webui-arrow:after,.webui-popover.bottom>.webui-arrow:after {
    top: 1px;
    margin-left: -8px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.webui-popover.left-bottom>.webui-arrow,.webui-popover.left-top>.webui-arrow,.webui-popover.left>.webui-arrow {
    top: 50%;
    right: -9px;
    margin-top: -9px;
    border-right-width: 0;
    border-left-color: #adadad;
    border-left-color: rgba(189,189,189,.85)
}

.webui-popover.left-bottom>.webui-arrow:after,.webui-popover.left-top>.webui-arrow:after,.webui-popover.left>.webui-arrow:after {
    right: 1px;
    bottom: -8px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.webui-popover-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1799;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.65)
}

.webui-popover-primary .webui-popover-title {
    color: #fff;
    background-color: #003a9b;
    border-color: #003a9b
}

.webui-popover-primary.bottom .webui-arrow,.webui-popover-primary.bottom .webui-arrow:after {
    border-bottom-color: #003a9b
}

.webui-popover-success .webui-popover-title {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50
}

.webui-popover-success.bottom .webui-arrow,.webui-popover-success.bottom .webui-arrow:after {
    border-bottom-color: #4caf50
}

.webui-popover-info .webui-popover-title {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4
}

.webui-popover-info.bottom .webui-arrow,.webui-popover-info.bottom .webui-arrow:after {
    border-bottom-color: #00bcd4
}

.webui-popover-warning .webui-popover-title {
    color: #fff;
    background-color: #ff8c00;
    border-color: #ff8c00
}

.webui-popover-warning.bottom .webui-arrow,.webui-popover-warning.bottom .webui-arrow:after {
    border-bottom-color: #ff8c00
}

.webui-popover-danger .webui-popover-title {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336
}

.webui-popover-danger.bottom .webui-arrow,.webui-popover-danger.bottom .webui-arrow:after {
    border-bottom-color: #f44336
}

.yq-header .yq-input-container {
    display: none
}

.yq-header .yq-input-container .yq-track-dropdown>li {
    padding: 15px
}

.yq-header .yq-input-container .yqi-inputBox {
    height: 204px;
    margin-bottom: 15px
}

.yq-header .yq-input-container .yq-tools-small>button {
    text-transform: uppercase
}

.yq-header .yq-input-container .yqi-tools-small .btn-icon {
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .yq-header .yq-input-container {
        display:block
    }
}

.page-content .yq-panel-gad {
    height: -moz-calc(10px);
    height: calc(10px)
}

.page-content .yq-panel-tracklist {
    height: -moz-calc(100% - 124px);
    height: calc(100% - 124px)
}

@media (min-width: 320px) and (min-height:100px) {
    .page-content .yq-panel-gad {
        height:-moz-calc(60px);
        height: calc(60px)
    }

    .page-content .yq-panel-tracklist {
        height: -moz-calc(100% - 174px);
        height: calc(100% - 174px)
    }
}

@media (min-width: 468px) {
    .page-content .yq-panel-gad {
        height:-moz-calc(70px);
        height: calc(70px)
    }

    .page-content .yq-panel-tracklist {
        height: -moz-calc(100% - 184px);
        height: calc(100% - 184px)
    }
}

@media (min-width: 500px) {
    .page-content .yq-panel-gad {
        height:-moz-calc(70px);
        height: calc(70px)
    }

    .page-content .yq-panel-tracklist {
        height: -moz-calc(100% - 154px);
        height: calc(100% - 154px)
    }
}

@media (min-width: 768px) {
    .page-content .yq-panel-gad {
        height:-moz-calc(100px);
        height: calc(100px)
    }

    .page-content .yq-panel-tracklist {
        height: -moz-calc(100% - 162px);
        height: calc(100% - 162px)
    }
}

.gad-container {
    width: 0;
    height: 0;
    margin: 0 auto
}

.gad-container>div {
    margin: -1px!important
}

@media (max-width: 319px) {
    .gad-container {
        display:none
    }
}

@media (min-width: 320px) and (min-height:100px) {
    .gad-container {
        width:320px;
        height: 50px
    }
}

@media (min-width: 468px) {
    .gad-container {
        width:468px;
        height: 60px
    }
}

@media (min-width: 768px) {
    .gad-container {
        width:728px;
        height: 90px
    }
}

@media (min-width: 1340px) {
    .gad-container {
        width:970px;
        height: 90px
    }
}

.gad-right1,.gad-right2 {
    margin-top: 20px;
    width: 0;
    height: 0;
    display: none
}

.gad-right1>div,.gad-right2>div {
    margin: -1px!important
}

@media (min-width: 1200px) and (min-height:465px) {
    .gad-right1 {
        width:300px;
        height: 100px;
        display: block
    }
}

@media (min-width: 1200px) and (min-height:615px) {
    .gad-right1 {
        width:300px;
        height: 250px
    }
}

@media (min-width: 1200px) and (min-height:720px) {
    .gad-right1 {
        width:300px;
        height: 250px
    }

    .gad-right2 {
        width: 300px;
        height: 100px;
        display: block
    }
}

@media (min-width: 1200px) and (min-height:870px) {
    .gad-right1,.gad-right2 {
        width:300px;
        height: 250px
    }
}

@media (min-width: 1200px) and (min-height:965px) {
    .gad-right1 {
        width:300px;
        height: 600px
    }

    .gad-right2 {
        width: 0;
        height: 0;
        margin-top: 0;
        display: none
    }
}

main {
    position: relative;
    height: -moz-calc(100% - 66px)!important;
    height: calc(100% - 66px)!important
}

.page-content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    background: #f1f3fa
}

.page-content:after,.page-content:before {
    content: " ";
    display: table
}

.page-content:after {
    clear: both
}

.page-content .track-container {
    position: relative;
    height: 100%;
    width: -moz-calc(100% - 330px);
    width: calc(100% - 330px);
    float: left
}

.page-content .track-container .track-tab {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px
}

.page-content .track-container .track-tab .tools {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-width: 168px
}

.page-content .track-container .track-tab .tools>button {
    margin-left: 10px;
    background: #fff;
    border: 1px solid #757575
}

.page-content .track-container [data-noresult],.yq-panel-tracklist .tracklist-item .multi-carriers,.yq-panel-tracklist .tracklist-item .tracklist-details,.yq-panel-tracklist .tracklist-item .yqcr-action {
    border-top: 1px solid #e0e0e0
}

.page-content .track-container .yq-panel-tracklist {
    position: relative;
    margin: 0 15px
}

.page-content .track-container .yq-panel-gad {
    position: relative;
    padding: 5px 0
}

.page-content>aside {
    position: relative;
    float: right;
    width: 330px;
    height: 100%;
    padding: 15px 15px 5px;
    background: #fff;
    -webkit-box-shadow: -1px 0 4px 0 rgba(0,0,0,.1);
    box-shadow: -1px 0 4px 0 rgba(0,0,0,.1)
}

.page-content>aside .yqi-inputBox {
    position: relative;
    height: 204px;
    margin: 0 0 10px
}

.page-content>aside .yqi-inputBox+button {
    text-transform: uppercase
}

.yq-panel-tracklist {
    position: relative;
    height: 100%
}

.yq-panel-tracklist .tracklist-item {
    position: relative;
    margin-bottom: 5px;
    background: #fff;
    border: 1px solid #e0e0e0
}

.yq-panel-tracklist .tracklist-item .tracklist-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.yq-panel-tracklist .tracklist-item .tracklist-header p {
    margin: 0
}

.yq-panel-tracklist .tracklist-item .tracklist-header .yqcr-ps {
    position: relative;
    width: 40%;
    min-width: 220px;
    max-width: 500px;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.yq-panel-tracklist .tracklist-item .tracklist-header .yqcr-select,.yq-panel-tracklist .tracklist-item .tracklist-header .yqcr-transit-mid {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 35%;
    min-width: 240px;
    max-width: 320px;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.yq-panel-tracklist .tracklist-item .tracklist-details {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .2s cubic-bezier(0,1,0,1) -.1s;
    -moz-transition: max-height .2s cubic-bezier(0,1,0,1) -.1s;
    transition: max-height .2s cubic-bezier(0,1,0,1) -.1s;
}

.yq-panel-tracklist .tracklist-item.active .tracklist-header .tracklist-events .btn {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.yq-panel-tracklist .tracklist-item.active .tracklist-details {
    max-height: 99999px;
    -webkit-transition-timing-function: cubic-bezier(.5,0,1,0);
    -moz-transition-timing-function: cubic-bezier(.5,0,1,0);
    transition-timing-function: cubic-bezier(.5,0,1,0);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

.navbar.introjs-fixParent {
    position: static!important
}

@media (max-width: 1199px) {
    .page-content .track-container {
        width:100%;
        margin-right: 0
    }

    .page-content>aside {
        display: none
    }
}

@media (max-width: 767px) {
    .page-content .track-container .track-tab {
        min-height:62px
    }

    .page-content .track-container .tab-content {
        overflow: hidden
    }

    .yq-panel-tracklist .tracklist-item .tracklist-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .yq-panel-tracklist .tracklist-item .tracklist-header .tracklist-events,.yq-panel-tracklist .tracklist-item .tracklist-header .yqcr-ps,.yq-panel-tracklist .tracklist-item .tracklist-header .yqcr-select,.yq-panel-tracklist .tracklist-item .tracklist-header .yqcr-transit-mid {
        width: 100%;
        max-width: 767px;
        border-bottom: 1px solid #e0e0e0
    }
}

@media (max-width: 530px) {
    .page-content .track-container .track-tab .tools {
        min-width:90px;
        width: 90px
    }

    .page-content .track-container .track-tab .tools>button {
        margin-top: 5px;
        margin-bottom: 5px
    }
}