[v-cloak]{
    display: none
}
body{font-size:62.5%; box-sizing: border-box;}/* for IE/Win */
html>body{font-size:14px;} /* for everything else */
/*字体边框等初始化*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td,img{padding:0; margin:0; font-size:14px;}
ol,ul,li{list-style:none; vertical-align:top;}
:link, :visited, ins {
    text-decoration: none;
}

/*底部*/
.footer{background: #000029;}
.footer p{text-align: center;color: #888892;height: 60px;line-height: 60px;}
/*底部漂浮*/
.pf{background: url(/Content/images/home/pf_img1.png) no-repeat center; height: 105px;overflow: hidden;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 999;}
.pf p{background: url(/Content/images/home/pf_img2.png) no-repeat 0;width: 219px;height: 54px;display: block;margin-top: 34px;float: right;margin-right: 150px;font-size: 24px;color: #d72502;font-weight: bold;text-align: center;line-height:48px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.pf p:hover{margin-top:26px;}
.pf_a{display: block;width: 100%;height: 100%;}
/*右侧咨询*/
.r_zx{
     width: 40px;
    position: fixed;
    top:88%;
    right: 15px;box-shadow:0 0 20px rgba(169,169,169,.58);
    background: rgba(34, 34, 34, 0.75);
    z-index: 99999;}
.r_zx li{width: 40px;height: 40px;overflow: hidden;}
.r_zx li .bg{width: 40px;height: 40px;  line-height: 40px; text-align: center; font-size: small;color: #fff;
    /* background:url(http://www.itheima.com/special/brandzly/images/zx_iconb1.png) no-repeat center; */
}
.r_zx li p{font-size: 16px;color: #515151;text-align: center;}
.r_zx li a{display: block;width: 100%;height: 100%;}
.r_zx .li1{background: #d72502;}
.r_zx .li1 p{color: #fff;}
.r_zx .li2 .bg{background-image:url(http://www.itheima.com/special/brandzly/images/zx_icon2.jpg)}
.r_zx .li3 .bg{background-image:url(http://www.itheima.com/special/brandzly/images/zx_icon3.jpg)}
.r_zx .li4 .bg{background-image:url(http://www.itheima.com/special/brandzly/images/zx_icon4.jpg)}
.r_zx .li2:hover .bg{background-image:url(http://www.itheima.com/special/brandzly/images/zx_iconb2.png)}
.r_zx .li3:hover .bg{background-image:url(http://www.itheima.com/special/brandzly/images/zx_iconb3.png)}
.r_zx .li4:hover .bg{background-image:url(http://www.itheima.com/special/brandzly/images/zx_iconb4.png)}
/* .r_zx li:hover{background: #f84b44;} */
.r_zx li:hover p,.r_zx li:hover i,.r_zx li:hover a{color: #fff;text-decoration: none;}

.kechenglist{width: 100%;position: absolute;top: 51px;z-index: 9999;display: none;}
.kechenglist div{width: 1200px;margin:0 auto;overflow: hidden;
box-shadow: 0 0 10px rgba(0,0,0,.2);
/* background: #fff; */
background-color: rgba(0,0,0,.7);
position: relative;padding: 20px 13px 0;box-sizing: border-box;}
.kechenglist div a{float: left;text-align: center;margin: 0 19px 25px;cursor: pointer;height:78px; 
    text-decoration: none;
    outline: none;
    /* color: #333; */
    color: #fff;
    opacity: .8;}
.kechenglist div a:hover{
    /* color: #ee521c; */
    opacity: 1;
}
.kechenglist div img,.kechenglist div i{display: block;margin: 0 auto;}
.kechenglist .xian{position: absolute;width: 96%;height: 1px;background: #e9e9e9;top: 50%}


@font-face {
    font-family: 'fontello';
    src: url(/Content/fontFamily/fontello.eot?49345754);
    src: url(/Content/fontFamily/fontello.eot?49345754#iefix) format('embedded-opentype'),
    url(/Content/fontFamily/fontello.woff?49345754) format('woff'),
    url(/Content/fontFamily/fontello.ttf?49345754) format('truetype');
    font-weight: normal;
    font-style: normal;
    }  
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;  font-variant: normal;
    text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;  }
    .icon-heart:before { content: '\e800'; } .icon-time:before { content: '\e801'; } .icon-triangle:before { content: '\e802'; } .icon-up:before { content: '\e803'; } .icon-guide:before { content: '\e804'; } .icon-assister:before { content: '\e805'; } .icon-ruler:before { content: '\e806'; } .icon-win:before { content: '\e807'; } .icon-slice:before { content: '\e808'; } .icon-pen:before { content: '\e809'; } .icon-tool:before { content: '\e80a'; } .icon-ps:before { content: '\e80b'; } .icon-pick:before { content: '\e80c'; } .icon-fire:before { content: '\e80d'; } .icon-sina:before { content: '\e80e'; } .icon-pen-01:before { content: '\e80f'; } .icon-wechat:before { content: '\e810'; } .icon-play-circled:before { content: '\f144'; }.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
    *zoom:1;
    }
    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px;
        *zoom:1;
        }
    .container:before, .container:after {
    content: "";
    display: table;
    }
    .container:after {
    clear: both;
    }
    @media (min-width: 768px) {
    .container {
    width: 100%;
    }
    .kechenglist div{width: 92%;}
    }
    @media (min-width: 992px) {
    .container {
    width: 100%;
    }
    .kechenglist div{width: 92%;}
    }
    @media (min-width: 1200px) {
    .container {
    width: 92%;
    }
    .kechenglist div{width: 92%;}
    }
    @media (min-width: 1620px) {
    .container {
    width: 1600px;
    }
    .kechenglist div{width: 1600px;}
    }
    .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
    *zoom:1;
    }
    .container-fluid:before, .container-fluid:after {
    content: "";
    display: table;
    }
    .container-fluid:after {
    clear: both;
    }
    .primary-menus {
        margin-left: 320px; float: left;
        margin-left: 0;
        width: 100%;
        max-width: 800px;
        float: none;
        margin: 0 auto;        
        margin-top: 150px;
        }
        .primary-menus ul {
        list-style: none;
        padding: 0;
        }
        .primary-menus ul li {
        display: inline-block;
        color: #fff;
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        cursor: pointer;
        }        .primary-menus ul li:hover {
        background: #fff;
        color: #3c3c3c;
        }
        .primary-menus ul li.current {
        background: #fff;
        color: #3c3c3c;
        }
        .primary-menus .cont {
        position: relative;
        top: -1px;
        }
        .primary-menus .right-link {
        position: absolute;
        right: 0;
        top: 0;
        }
        .primary-menus .right-link a {
        display: inline-block;
        margin-top: 10px;
        padding-right: 5px;
        color: #dff2ff;
        text-decoration: none;
        font-size: 13px;
        }
        .primary-menus .right-link a:hover {
        color: #fff;
        }
        .primary-menus .left-cont {
        margin-right: 270px; margin-right: 0;
        }
        .primary-menus .left-cont .search.hidden {
        display: none;
        }
        .primary-menus .left-cont form {
        width: 100%;
        position: relative;
        }
        .primary-menus .left-cont input {
        box-sizing: border-box;
        width: 100%;
        border: none;
        font-size: 15px;
        line-height: 20px;
        height: 42px;
        padding: 11px 100px 11px 26px;
        border-radius: 3px;
        color: #9f9f9f;
        outline: none;
        }
        .primary-menus .left-cont input:focus {
        color: #3c3c3c;
        }
        .primary-menus .left-cont button {
        height: 42px;
        box-sizing: border-box;
        width: 100px;
        margin-left: -5px;
        cursor: pointer;
        /* background-color: #69bdfb;
        color: #fff;
        border: none;
        font-size: 15px; */
        background-color: #fff;
        color: #69bdfb;
        border: none;
        font-size: 30px;
        line-height: 42px;
        border-radius: 0;
        margin-top: 0px;
        /* border-top-right-radius: 3px;
        border-bottom-right-radius: 3px; */
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        }
        .primary-menus .left-cont button:hover {
        /* background-color: #51b1f5; */
        }
        @media (max-width: 1199px) {
            .box_In .fr{
                display: none;
            }
        .primary-menus ul li {
        padding: 0 12px;
        }
        }
        .jd-search-li-mb{
        display: none !important;
        }
        @media (max-width: 991px) {
        .jd-search-li-mb{
        display: inline-block !important;
        }
        .jd-search-li{
        display: none !important;
        }
        .primary-menus {
        float: left;
        margin-left: 0;
        width: 100%;
        margin: 0 auto;
        float: none;
        margin-top: 55px;
        }
        .primary-menus .right-link {
        display: none;
        }
        .primary-menus .left-cont {
        margin-right: 0;
        }
        }
        @media (max-width: 767px) {
        .primary-menus ul li {
        padding: 0 10px;
        padding: 0 5px;
        font-size: 13px;
        height: 28px;
        line-height: 24px;
        margin-right: 6px;
        }
        .primary-menus ul li:first-child {
        display: none;
        }
        .primary-menus .left-cont input {
        height: 34px;
        line-height: 14px;
        font-size: 13px;
        padding: 10px 6em 10px 10px;
        border-radius: 0 3px 3px 3px;
        }
        .primary-menus .left-cont button {
        height: 34px;
        line-height: 34px;
        width: 6em;
        font-size: 12px;
        }
        }
        .hidden {
            visibility: hidden !important;
            display: none!important;
        }

        .fl{float: left;}
        .fr{float: right;}
        /*ban开始*/
        .ban .slideBox{min-height:685px;overflow:hidden; position:relative;}
        .ban .slideBox .hd{width: 216px; height:4px; overflow:hidden; position:absolute; left:50%; bottom:104px; z-index:1; margin-left: -108px;}
        .ban .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
        .ban .slideBox .hd ul li{ float:left; margin-right:11px;  width:32px; height:4px;text-align:center; background:#fff; cursor:pointer;opacity: .5; }
        .ban .slideBox .hd ul li.on{ background:#ff1f1f;opacity:1; }
        .ban .slideBox .bd{ position:relative; height:100%; z-index:9;   }
        .ban .slideBox .bd li{ zoom:1; vertical-align:middle; }
        .ban{position: relative;}
        .ban .head{
            /* position: absolute; */
            position: fixed;
            z-index: 10;
            top:0;left: 0;width: 100%;height:51px;background: rgba(0,0,0,.2);}
        .ban .head .logo{margin-top: -6px;}
        .ban .head ul {margin-top: 6px;}
        .ban .head ul li{width: 110px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;float: left;}
        .ban .head ul li .li_a{display: block;width: 100%;height: 100%;color: #fff; font-size: 16px;}
        
        .ban .head ul li:hover {
            background: transparent;
        }
        .ban .head ul li a{ opacity: .8;}
        .ban .head ul li a:hover{ opacity: 1; color: rgb(255, 255, 255); text-decoration: none;}
        .ban .head ul li.arrow{display: none;}
        .search-fixed {
            position: fixed;
            width: 100%;
            z-index: 9998;
            background: #3295d9;
            /* opacity: .8; */
            padding-bottom: 25px;
            background-image: url(https://cn.bing.com/th?id=OHR.BluebirdsEastern_ZH-CN2598458880_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp);
        }
        .search-fixed .primary-menus{
            margin-top: 55px;
        }
        .container .logo {
        float: left;
        width: 320px;
        position: relative; width: 100%;
        margin-bottom: 16px;
        text-align: center;
        margin-top: 150px;
        }
        .container .logo strong {
        width: 288px;
        display: inline-block;
        overflow: hidden;
        } .container .logo strong a {
        display: block;
        width: 100%;
        padding-bottom: 28.125%;
        position: relative;
        transition: 0;
        }
        .container .logo strong a:hover {
        transition: 0;
        }
        .container .logo strong a img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        }
        .row {
            margin-left: -10px;
            margin-right: -10px;
            *zoom:1;
        }
        
.content .row {
position: relative;

}

.part {
background: #fff;
margin-bottom: 24px;
border-radius: 10px;
}
.part h2 {
padding: 13px 36px;
border-bottom: 1px solid #f1f4f9;
line-height: 16px;
}
.part h2 strong {
color: #3c3c3c;
font-size: 16px;
position: relative;
}
.part h2 a {
display: inline-block;
margin-top: 4px;
float: right;
color: #1d96db;
font-size: 12px;
}
.part h2 a:hover {
color: #000;
}
.part .items {
padding: 22px 15px;
}
.part .item a {
display: block;
width: 100%;
padding: 14px 8%;
box-sizing: border-box;
transition: none;
border-radius: 6px;
}
.part .ricle a{padding: 14px 0px !important}
.part .ricle a p{ height:15px!important}
.part .item a:hover {
background-color:rgba(129, 171, 219, 0.534);
text-decoration: none;
}
.part .item a img {
float: left;
width: 26px;
height: 26px;
border-radius: 100%;
}
.part .list a h3 {
font-size: 16px !important;
margin-left: 0px !important;
}
.part .list a p {
margin-left: 0px !important;
}
.part .item a h3 {
margin-left: 32px;
color: #3c3c3c;
font-size: 14px;
white-space: nowrap;
height: 21px;
line-height: 21px;
margin-bottom: 4px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.part .item a h3 i {
color: #f84b44;
}
.part .item a p {
margin-left: 32px;
color: #8f8f8f;
font-size: 12px;
height: 3em;
line-height: 1.5em;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.part .item a:hover h3 {
color: #ee521c;
text-decoration: none;
/* text-decoration: underline; */
}
.part .item a:hover p {
color: #525252;
}
@media (max-width: 1199px) {
.part .item a {
padding: 12px 8px;
}
}
@media (max-width: 991px) {
.part .item a {
padding: 14px 18px;
}
}
@media (max-width: 767px) {
.part h2 {
padding: 16px 24px;
}
.part .items {
padding: 15px;
}
.part .item a {
padding: 12px 0px;
}
}
.content-words {
text-align: center;
line-height: 30px;
padding: 40px 0 0;
}
.content-words h3 {
font-size: 22px;
color: #3295d9;
line-height: 40px;
}
.content-words p {
font-size: 14px;
color: #a0a0a0;
}
@media (max-width: 767px) {
.content-words {
padding: 0 0 20px;
}
}
.content-linkto {
margin: 50px 0;
}
.content-linkto a {
display: block;
width: 100%;
position: relative;
line-height: 0;
border-radius: 10px;
overflow: hidden;
}
.content-linkto a:hover::after {
content: '';
display: block;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.2);
position: absolute;
top: 0;
left: 0;
}
.content-linkto img {
width: 100%;
}
@media (max-width: 767px) {
.content-linkto {
margin-bottom: 20px;
}
}
#favor-sites {
margin-top: 56px;
}
.sidebar{
/* background-color: #d8d2d2d5; */
}
.content-sidebar {
font-size: 14px;
color: #3b3c3e;
padding-top: 6px;
}
.content-sidebar.fixed {
position: fixed;
top: 164px;
}
.content-sidebar.absolute {
position: absolute;
bottom: 0;
}
.content-sidebar dl {
position: relative;
padding-bottom: 20px;
margin: 0;
}
.content-sidebar dl dt {
position: absolute;
top: 12px;
left: -20px;
}
.content-sidebar dl .show-list {
display: block;
width: 16px;
height: 16px;
cursor: pointer;
}
.content-sidebar dl .show-list::before {
content: '';
display: block;
width: 12px;
height: 2px;
background: #000;
border-radius: 1px;
position: absolute;
top: 50%;
margin-top: -1px;
}
.content-sidebar dl .show-list.add::after {
content: '';
display: block;
width: 2px;
height: 12px;
background: #000;
border-radius: 1px;
position: absolute;
left: 5px;
top: 20%;
margin-top: -1px;
}
.content-sidebar dd {
margin: 0;
padding: 6px 0;
letter-spacing: 0.5px;
}
.content-sidebar dd a {
color: #5e5d5b;
display: inline-block;
padding: 2px 4px;
transition: 0.1s;
}
.content-sidebar dd a:hover {
color: #fff;
background: #ff5a00;
border-radius: 3px;
text-decoration: none;
}
.content-sidebar dd.current a {
color: #ff5a00;
background: transparent;
}
@media (max-width: 1199px) {
.content-sidebar {
font-size: 12px;
margin-left: 0;
padding-right: 0;
}
.content-sidebar dt {
display: none;
}
}
@media screen and (max-width: 991px) {
    .content-sidebar {
        display: none;
    }
}
.part .item a:hover .sy_mask, .part .item a:hover .sy_mask1{display: block;}
.part .item a .sy_mask, .part .item a .sy_mask1 {
/* width: 50px;
height: 40px;
background: rgba(0,0,0,.6);
top: 0;
right: 12px;
line-height: 40px; */
width: 20px;
height: 20px;
line-height: 20px;
right: 20px;
top: 5px;
background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
position: absolute;
overflow: hidden;
display: none;
z-index: 7;
border-radius: 10px;
color: white;
text-align: center;
}
.part .item a .sy_mask1 {
    font-size: 11px;
    /* width: 60px; */
}


#hot-bang .col-con{
    padding: 5px 10px;
    background: #F7F8FA;
    margin: 10px 0;
    border-radius: 10px;
    }
    #hot-bang .col-con h2{
    line-height: 25px;
    font-size: 12px;
    position: relative;
    padding: 5px 0;
    margin: 10px 0;
    vertical-align: middle;
    border-bottom: 1px solid #EBEBEB;
    }
    #hot-bang .col-con h2 img{
    height: 25px;
    vertical-align: middle;
    border-radius: 50%;
    display: inline-block;
    }
    #hot-bang .col-con h2 span{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    }
    #hot-bang .col-con h2 .right-tit{
    position: absolute;
    right: 0;
    height: 25px;
    top: 5px;
    color: #666;
    }
    #hot-bang .col-con h2 .right-tit:after{
    content: '';
    position: absolute;
    bottom: -9px;
    height: 2px;
    background: #666;
    right: 0;
    width: 100%;
    }
    #hot-bang .col-con .list{
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
    margin: 15px 0;
    }
    .cc-cd-cb .cc-cd-cb-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify; }
    #hot-bang .col-con .list >.nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-right: 10px;
    }
    .cc-cd-cb .cc-cd-cb-l a {
    padding: 0 0 8px 0;
    }
    .cc-cd-cb .cc-cd-cb-l .cc-cd-cb-ll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center; -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    font-size: 12px;
    }
    .cc-cd-cb .cc-cd-cb-l .cc-cd-cb-ll .s {
    color: #999;
    width: 25px;
    padding-top: 3px;
    }
    .cc-cd-cb .cc-cd-cb-l .cc-cd-cb-ll .s.h {
    color: #F1403C;
    }
    .cc-cd-cb .cc-cd-cb-l .cc-cd-cb-ll .t {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #999;
    }
    .cc-cd-cb .cc-cd-cb-l .cc-cd-cb-ll .e {
    color: rgba(0,0,0,0.54);
    max-width: 100px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    display: none;
    }
    .cc-cd-cb .cc-cd-cb-l a:visited .cc-cd-cb-ll .t {
    color: #999;
    }
    @media (min-width: 768px) {
    #hot-bang .col-con h2{
    font-size: 16px;
    }
    #hot-bang .col-con .list{
    height: 300px;
    }
    .cc-cd-cb .cc-cd-cb-l .cc-cd-cb-ll{
    font-size: 14px;
    }
    .cc-cd-cb .cc-cd-cb-l .cc-cd-cb-ll .e{
    display: block;
    }
    }


.speeddial {
    align-items: center;
    display: flex;
    justify-content: center;
    transition: opacity 0.3s ease-out;
}
.tiles-grid {
    box-sizing: border-box;
    min-height: 10px;
    padding: 0;
    position: relative;
    transition: left 0.3s;
}
.tiles-grid .tile {
    border-radius: 8px;
    box-sizing: content-box;
    cursor: pointer;
    height: var(--speeddial-tile-height);
    left: 0;
    max-height: var(--speeddial-tile-height);
    pointer-events: all;
    position: absolute;
    top: 0;
    transform: translateZ(0);
    transition: all 0.3s ease;
    width: var(--speeddial-tile-width);
}

@media (max-width: 991px) {
    .part .item a .sy_mask, .part .item a .sy_mask1{display: block;}
    .ban .head ul li.arrow{display: block;}
    .ban .head ul li.arrow .dropdown-menu { left: 220px}
    .ban .head ul li.arrow .dropdown-menu li{ float: none;}
    .flp { display: none;}
	.igetgetFooter{display: none;}
}
.tip{
  height: 22px;
  width: auto;
  padding: 0 5px;
  background: #f71a34;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  position: absolute;
  top: -6px;
  left:85%;
  margin-left: -5px;
  white-space: nowrap;
}
.tip:after{
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  background: #f71a34;
  position: absolute;
  top: 19px;
  transform: rotate(54deg);
  word-break: normal;
}