.crumbswrap img {
    margin-right: 10px;
}
.content {
    padding: 0 20px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    height: 800px;
}
.content .l-main {
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #fff;
}
.content .c-main {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: ;
    background-size: 100% 100%;
    background-position: center center;
    position: relative;
    padding: 260px 0 0 0;
}
.content .c-main .wenzi {
    margin: 0 auto;
    text-align: center;
}
.content .c-main .wenzi span {
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 53px;
}
.content .c-main .wenzi h2 {
    color: #ffffff;
    font-weight: 900;
    font-size: 35px;
    margin-bottom: 53px;
}
.content .c-main .wenzi input {
    height: 50px;
    background: #ffffff;
    width: 180px;
    font-size: 14px;
    font-weight: 600;
    border: none;
}
.content .leixing {
    display: none;
    height: 100%;
    padding-top: 100px;
    text-align: center;
}
.content .leixing h2 {
    color: #000000;
    font-weight: 900;
    font-size: 35px;
    margin-bottom: 20px;
}
.content .leixing span {
    font-size: 14px;
}
.content .leixing #xiayibu {
    width: 180px;
    height: 45px;
    background: #000000;
    margin-top: 65px;
    color: #ffffff;
    border: none;
}
.content .leixing .hezi {
    width: 100%;
    margin-top: 70px;
}
.content .leixing .hezi ul {
    float: left;
    margin-left: 66px;
}
.content .leixing .hezi ul li {
    width: 166px;
    float: left;
    margin-right: 60px;
    margin-bottom: 30px;
}
.content .leixing .hezi ul li p {
    margin-top: 3px;
}
.content .leixing .hezi ul li p span {
    font-weight: 600;
    font-size: 13px;
    float: left;
}
.content .leixing .hezi ul li p .plushelper {
    display: inline-block;
    float: right;
}
.content .leixing .hezi ul li p .plushelper button {
    background: #f4f4f4;
    border: none;
    font-size: 18px;
}
.content .leixing .hezi ul li p .plushelper .plus {
    width: 11px;
    height: 11px;
    display: inline-block;
    background:  no-repeat;
}
.content .leixing .hezi ul li p .plushelper .minus {
    width: 11px;
    height: 11px;
    display: inline-block;
    background:  no-repeat;
    background-position: center center;
}
.content .leixing .hezi ul li p .plushelper input {
    width: 30px;
    height: 16px;
    text-align: center;
    background: #f4f4f4;
    color: #222222;
    border: none;
}
.content .xz-active {
    display: inline-block !important;
}
.content .xuanzhe {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
}
.content .xuanzhe .left {
    width: 50%;
    display: inline-block;
    background: ; 
    height: 100%;
    float: left;
    text-align: center;
}
.content .xuanzhe .left img {
    width: 50%;
    min-width: 500px;
}
.content .xuanzhe .left .zz {
    margin-top: 100px;
    position: relative;
    background-size: 100% 100%;
    width: 680px;
    margin-left: -50px;
    height: 520px;
}
.content .xuanzhe .left .x-yuan {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    color: #ffffff;
    line-height: 30px;
    background:  no-repeat;
}
.content .xuanzhe .left .x-active {
    width: 30px;
    height: 30px;
    display: inline-block;
    background:  no-repeat;
}
.content .xuanzhe .left .woshi {
    display: inline-block;
    background:  no-repeat;
}
.content .xuanzhe .left .woshi .ws1 {
    bottom: 35%;
    right: 9.2%;
}
.content .xuanzhe .left .woshi .ws2 {
    top: 7%;
    right: 34%;
}
.content .xuanzhe .left .woshi .ws3 {
    top: 7%;
    left: 33%;
}
.content .xuanzhe .left .woshi .cz1 {
    top: 7%;
    left: 27%;
}
.content .xuanzhe .left .woshi .cz2 {
    top: 7%;
    left: 22%;
}
.content .xuanzhe .left .woshi .cz3 {
    bottom: 8%;
    left: 42%;
}
.content .xuanzhe .left .woshi .cz4 {
    bottom: 8%;
    left: 42%;
}
.content .xuanzhe .left .woshi .cz5 {
    top: 7%;
    right: 28%;
}
.content .xuanzhe .left .woshi .cz6 {
    bottom: 8%;
    left: 23.5%;
}
.content .xuanzhe .left .woshi .rd1 {
    bottom: 8%;
    left: 53%;
}
.content .xuanzhe .left .shufang {
    display: inline-block;
    background:  no-repeat;
    background-size: 100% 100%;
}
.content .xuanzhe .left .shufang .kg1 {
    bottom: 9.2%;
    right: 37%;
}
.content .xuanzhe .left .shufang .cz1 {
    top: 7%;
    left: 50%;
}
.content .xuanzhe .left .shufang .cz2 {
    top: 7%;
    left: 56%;
}
.content .xuanzhe .left .shufang .rd1 {
    bottom: 9.2%;
    left: 25%;
}
.content .xuanzhe .left .shufang .cz3 {
    top: 7%;
    right: 33.5%;
}
.content .xuanzhe .left .yushi {
    display: inline-block;
    background:  no-repeat;
    background-size: 100% 100%;
}
.content .xuanzhe .left .yushi .kg1 {
    top: 33.5%;
    left: 28%;
}
.content .xuanzhe .left .yushi .cz1 {
    top: 57%;
    right: 31%;
}
.content .xuanzhe .left .yushi .cz2 {
    top: 6%;
    left: 54%;
}
.content .xuanzhe .left .yushi .cz3 {
    right: 31%;
    top: 30%;
}
.content .xuanzhe .left .keting {
    display: inline-block;
    background:  no-repeat;
    background-size: 100% 100%;
}
.content .xuanzhe .left .keting .kg1 {
    bottom: 10%;
    right: 22.5%;
}
.content .xuanzhe .left .keting .kg2 {
    top: 5.3%;
    right: 14%;
}
.content .xuanzhe .left .keting .kg3 {
    bottom: 27%;
    left: 13%;
}
.content .xuanzhe .left .keting .cz1 {
    bottom: 10%;
    right: 28%;
}
.content .xuanzhe .left .keting .cz2 {
    bottom: 20%;
    left: 13%;
}
.content .xuanzhe .left .keting .cz3 {
    top: 5.3%;
    right: 64%;
}
.content .xuanzhe .left .keting .cz4 {
    top: 5.3%;
    right: 58.5%;
}
.content .xuanzhe .left .keting .cz5 {
    top: 28px;
    right: 29%;
}
.content .xuanzhe .left .keting .rd1 {
    top: 5.3%;
    right: 53%;
}
.content .xuanzhe .left .keting .rd2 {
    top: 5.3%;
    right: 47.5%;
}
.content .xuanzhe .left .canting {
    display: inline-block;
    background:  no-repeat;
    background-size: 100% 100%;
    width: 540px;
}
.content .xuanzhe .left .canting .kg1 {
    top: 4.5%;
    left: 66%;
}
.content .xuanzhe .left .canting .cz1 {
    top: 4.5%;
    left: 29%;
}
.content .xuanzhe .left .canting .cz2 {
    top: 50.5%;
    left: 89%;
}
.content .xuanzhe .left .chufang {
    display: inline-block;
    background:  no-repeat;
    background-size: 100% 100%;
}
.content .xuanzhe .left .chufang .kg1 {
    top: 7.5%;
    right: 25%;
}
.content .xuanzhe .left .chufang .cz1 {
    top: 7.5%;
    left: 52%;
}
.content .xuanzhe .left .chufang .cz2 {
    right: 19%;
    top: 40%;
}
.content .xuanzhe .left .chufang .cz3 {
    right: 19%;
    bottom: 29%;
}
.content .xuanzhe .left .chufang .cz4 {
    bottom: 8%;
    left: 27%;
}
.content .xuanzhe .left .chufang .cz5 {
    left: 20.5%;
    top: 32%;
}
.content .xuanzhe .left .yangtai {
    display: inline-block;
    background:  no-repeat;
    background-size: 100% 100%;
}
.content .xuanzhe .left .yangtai .kg1 {
    left: 37%;
    top: 25%;
}
.content .xuanzhe .left .zoulang {
    display: inline-block;
    background:  no-repeat;
    background-size: 100% 100%;
}
.content .xuanzhe .left .zoulang .kg1 {
    left: 35.5%;
    top: 20%;
}
.content .xuanzhe .left .zoulang .kg2 {
    bottom: 19%;
    right: 36%;
}
.content .xuanzhe .left .xuanguan {
    display: inline-block;
    background:  no-repeat;
    background-size: 100% 100%;
}
.content .xuanzhe .left .xuanguan .kg1 {
    top: 8%;
    left: 40%;
}
.content .xuanzhe .left .xuanguan .kg2 {
    top: 4%;
    left: 44%;
}
.content .xuanzhe .left .xuanguan .kg3 {
    top: 19%;
    left: 35%;
}
.content .xuanzhe .left .ertongfang {
    display: inline-block;
    background:  no-repeat;
    background-size: 100% 100%;
}
.content .xuanzhe .left .ertongfang .kg1 {
    top: 12%;
    right: 51%;
}
.content .xuanzhe .left .ertongfang .kg2 {
    bottom: 45%;
    right: 22%;
}
.content .xuanzhe .left .ertongfang .cz1 {
    right: 22%;
    bottom: 38%;
}
.content .xuanzhe .left .ertongfang .cz2 {
    left: 24%;
    top: 42%;
}
.content .xuanzhe .left .ertongfang .cz3 {
    left: 24%;
    bottom: 20%;
}
.content .xuanzhe .shu {
    background: #886f66 !important;
}
.content .xuanzhe .yu {
    background: #4787ac !important;
}
.content .xuanzhe .ruo {
    background: #ac4748 !important;
}
.content .xuanzhe .er {
    background: #df9f9f !important;
}
.content .xuanzhe .yang {
    background: #a2c2cd !important;
}
.content .xuanzhe .chu {
    background: #5eab30 !important;
}
.content .xuanzhe .can {
    background: #eba62e !important;
}
.content .xuanzhe .ke {
    background: #ac4748 !important;
}
.content .xuanzhe .xuan {
    background: #4d4d4d !important;
}
.content .xuanzhe .zou {
    background: #562031 !important;
}
.content .xuanzhe .right {
    display: inline-block;
    width: 50%;
    float: right;
    height: 100%;
    background: #e39300;
    margin: 0 auto;
}
.content .xuanzhe .right .top {
    margin: 0 auto;
    text-align: center;
    width: 500px;
    margin-top: 100px;
}
.content .xuanzhe .right .top .top-tup {
    width: 34px;
}
.content .xuanzhe .right .top h6 {
    margin: 10px 0;
    font-size: 26px;
    color: #ffffff;
}
.content .xuanzhe .right .top .be {
    color: #ffffff;
    font-size: 12px;
}
.content .xuanzhe .right .top .middle {
    width: 100%;
    margin-top: 40px;
    display: inline-block;
    text-align: center;
    padding-bottom: 10px;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    font-size: 13px;
    margin-bottom: 20px;
}
.content .xuanzhe .right .top .middle span {
    cursor: hand;
    position: relative;
}
.content .xuanzhe .right .top .middle .aa {
    margin-right: 70px;
    margin-left: 70px;
}
.content .xuanzhe .right .top .middle .lei-ws {
    cursor: pointer;
}
.content .xuanzhe .right .top .middle .lei-active {
    content: " ";
    after: " ";
}
.content .xuanzhe .right .top .middle .lei-active:after {
    content: " ";
    after: " ";
    background: ;
    width: 10px;
    height: 17px;
    font-size: 19px;
    position: absolute;
    left: -30px;
}
.content .xuanzhe .right .top .bott {
    display: none;
    color: #ffffff;
    width: 100%;
}
.content .xuanzhe .right .top .bott .wenzi {
    width: 100%;
    height: 150px;
}
.content .xuanzhe .right .top .bott .wenzi p {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.content .xuanzhe .right .top .bott .tupian {
    width: 100%;
}
.content .xuanzhe .right .top .bott .tupian li {
    float: left;
    margin-right: 85px;
}
.content .xuanzhe .right .top .bott .tupian li .jg {
    margin: 10px 0 5px 0px;
}
.content .xuanzhe .right .top .bo-active {
    display: inline-block;
}
.content .yuan {
    height: 50px;
    line-height: 1px;
    margin-top: 30px;
    color: #ffffff;
    display: inline-block;
}
.content .hengtiao-f {
    display: none;
    z-index: 999;
    font-size: 13px;
    position: absolute;
    bottom: 22px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.content .hengtiao {
    height: 100px;
    width:1200px;
    margin: 0 auto;
    background: ;
}
.content .hengtiao p {
    line-height: 10px !important;
    color: #ffffff;
}
.content .fanjian {
    cursor: hand;
    background:  no-repeat;
    color: #2e2e2e;
    width: 46px;
    height: 46px;
    line-height: 46px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.content .active {
    cursor: hand;
    background:  no-repeat;
    color: #ffffff;
    width: 46px;
    height: 50px;
    line-height: 46px;
    display: inline-block;
    text-align: center;
}
.content .cxxz {
    cursor: hand;
    text-align: center;
    display: inline-block;
    position: relative;
}
.content .cxxz .bt {
    position: relative;
    top: 13px;
}
.mr30 {
    margin-right: 30px;
    position: relative;
    text-align: center;
}
.peizhi {
    width: 30px;
    height: 40px;
    position: relative;
    top: 7px;
    line-height: 15px !important;
    display: inline-block;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.mr0 {
    margin-right: 0px !important;
}
.zzo {
    display: inline-block;
}
.hid {
    visibility: hidden;
}
.zzo {
    cursor: hand;
}
.qingdan {
    display: none;
    height: 100%;
    margin: 0 auto;
    padding: 100px 0 70px 0;
}
.qingdan .qd-top {
    margin-bottom: 30px;
}
.qingdan .qd-top h1 {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 10px;
}
.qingdan .qd-content {
    margin-bottom: 30px;
}
.qingdan .qd-content div {
    padding-left: 30px;
    display: inline-block;
    width: 24%;
    text-align: left;
    height: 400px;
}
.qingdan .qd-content div h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 40px;
}
.qingdan .qd-content div p {
    padding: 0 40px 45px 0px;
}
.border-r {
    border-right: 1px solid #c3c3c3;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.qd-bottom {
    width: 100%;
}
.qd-bottom input {
    background: #da2828;
    border: none;
    width: 180px;
    border-radius: 5px;
    height: 45px;
    font-size: 15px;
    color: #f6f6f6;
}
/*# sourcemappingurl=shoppingguide.css.map */
.content .xuanzhe .left .x-active{
    /* ie10、firefox and opera，ie9以及更早的版本不支持 */
    animation-name: breathred;                         /* 动画名称 */
    animation-duration: 3s;                         /* 动画时长3秒 */
    animation-timing-function: ease-in-out;         /* 动画速度曲线：以低速开始和结束 */
    animation-iteration-count: infinite;            /* 播放次数：无限 */
    /* safari and chrome */
    -webkit-animation-name: breathred;                 /* 动画名称 */
    -webkit-animation-duration:2s;                 /* 动画时长3秒 */
    -webkit-animation-timing-function: ease-in-out; /* 动画速度曲线：以低速开始和结束 */
    -webkit-animation-iteration-count: infinite;    /* 播放次数：无限 */
    border-radius: 50%;
}
 @keyframes breathred {
    from{ 
      opacity:1; 
    }                          
    50%{ 
      opacity:1;
      -webkit-box-shadow: 0 0 50px rgba(217, 0, 0,0.8),inset 0 0 60px rgba(217, 0, 0, 0.1);
      -moz-box-shadow: 0 0 50px rgba(217, 0, 0, 0.8),inset 0 0 60px rgba(217, 0, 0, 0.1); 
      box-shadow: 0 0 50px rgba(217, 0, 0, 0.8),inset 0 0 60px rgba(217, 0, 0, 0.1);
    }                        
    to{ 
      opacity:1; 
    }                         
} 
@-webkit-keyframes breathred {
    from{ 
      opacity:1; 
    }                          
    50%{ 
      opacity:1;
      -webkit-box-shadow: 0 0 50px rgba(217, 0, 0,0.8),inset 0 0 60px rgba(217, 0, 0, 0.1);
      -moz-box-shadow: 0 0 50px rgba(217, 0, 0, 0.8),inset 0 0 60px rgba(217, 0, 0, 0.1); 
      box-shadow: 0 0 50px rgba(217, 0, 0, 0.8),inset 0 0 60px rgba(217, 0, 0, 0.1);
    }                        
    to{ 
      opacity:1; 
    }                          
}