@font-face {
    font-family: 'lanting';
    src: url('../images/HarmonyOS.ttf');
    font-weight: normal;
    font-style: normal;
    }
    *{padding: 0;margin:0;-webkit-box-sizing: border-box;box-sizing: border-box;}
    body,html{width:100%;height:100%;font-family: "FZLanTingHeiS-UL-GB";}
    table{border-collapse:collapse;font-weight:400}
    a,b,body,div,em,h1,h2,h3,h4,h5,h6,html,i,img,input,label,li,option,p,select,span,table,td,th,tr,ul{margin:0;padding:0}
    a,a:active,a:focus,a:hover,a:link,a:visited{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;text-decoration:none}
    input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none}
    textarea{-webkit-appearance:none}
    input[type=button],input[type=checkbox],input[type=file],input[type=radio],input[type=submit]{cursor:pointer}
    a{text-decoration:none;color:#666}
    li,ul{list-style:none}
    i{font-style:normal}
    input,select{outline:0;font-size:14px}
    .cl{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border:none;background-color:#fff}
    em{font-style:normal}
    .red{color:red}
    .fl{float:left}
    .fr{float:right}
    /* img{width: 100%;height: auto;display: block;} */
    .li_on{background-color:#d6a916}
    ::-webkit-input-placeholder{color:#999}
    :-moz-placeholder{color:#999}
    ::-moz-placeholder{color:#999}
    :-ms-input-placeholder{color:#999}
    .one{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    .two{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

    ::-webkit-scrollbar{width:0;height:0;display:none}
    .container{width:100%;height:100%;background-color:#fff}
    .container .navbar{width:49%;height:100%;display:table}
    .container .wrap{width:51%;height:100%;overflow: hidden;}
    .container .navbar .box{display:table-cell;vertical-align:middle;margin:0 auto;padding-left:15%}
    .container .navbar .box li{margin-bottom:20px}
    
    .container .navbar .box li a{color:#8a8a8a;font-size:24px; font-family: lanting;font-weight: 500;}
    .container .navbar .box li:last-child{margin:0}
    .container .navbar .box li.active a{color:#000}
    .container .wrap .content{display:none;height:100%;overflow:hidden}
    .container .wrap .content.active{display:block}
    .container .wrap .content img{width:100%;height:100%}
    .container .wrap .content .product-list{width:100%;height:100%}
    .container .wrap .content .product-list .product-item{width:50%;height:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 3px #f9f7f7}
    .container .wrap .content .product-list .product-item img{width:100%;height:100%}
    .container .wrap .content .product-list .product-item:nth-child(even){border-left:none;border-right:none}
    .container .wrap .content .product-list .product-item:nth-child(odd){border-left:none}
    .container .wrap .content .product-list .product-item:first-child,.container .wrap .content .product-list .product-item:last-child,.container .wrap .content .product-list .product-item:nth-child(2),.container .wrap .content .product-list .product-item:nth-last-child(2){border-top:none}
    .bg-head{width: 100%;}
    .bg-head img{display:block;width:100%}
    .bg-bottom{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:5% 10%;background-color:#eeebea}
    .bg-bottom .text{color:#b1a3a0;line-height:28px;font-size:17px}
    .bg2-c{width:100%;height:100%;background-color:#eeebea;padding:0 6%;}
    .bg2-c .title{font-size:40px;color:#b1a3a0;font-weight:400;padding:40px 0 0 0}
    .bg2-c .text{padding:60px 0}
    .bg2-c .text p{letter-spacing:.5px;line-height:35px;color:#b1a3a0;font-size:18px}
    .bg2-c .icon{width:100%}
    .bg3-l,.bg3-r{display:table;height:100%;width:50%}
    .bg3-l .bg3-t{display:table-cell;vertical-align:middle}
    .bg3-l .bg3-t .tit{color:#7c7674;font-size:28px;font-weight:400;line-height:40px;padding-bottom:100px}
    .bg3-l .bg3-t .article{width:70%;color:#807a78;font-size:16px;line-height:30px}
    .bg3-r .icon{display:table-cell;vertical-align:middle}
    .bg3-r .icon .icon-bg{height:86%;overflow:hidden;background-repeat:no-repeat;background-size:100% 100%;background-position:center center}
    .bg4-c{padding:0 6% 0 20%;background:#eeebea;}
    .bg4-c .title{padding:80px 0 50px 0;font-size:32px;color:#b1a3a0}
    .bg4-c .article{line-height:30px;color:#b1a3a0;font-size:17px;letter-spacing:0.5px}
    .bg5-c{padding:0 10%;background:#eeebea}
    .bg5-c .bg5 .bg5-f{width:25%;margin-right:34px}
    .bg5-c .bg5 .bg5-s{width:27%;margin-right:34px}
    .bg5-c .bg5 .bg5-t{width:40%}
    .bg5-c .bg5-con{padding-top:42px}
    .bg5-c .bg5-con h4{padding-bottom:60px;color:#b1a3a0;font-size:30px;font-weight: normal;}
    .bg5-c .bg5-con p{line-height:30px;color:#b1a3a0;font-size:17px}
    .list-bgcfs{
        width:100%;height:100%;background-color:#eeebea;
        background-repeat:no-repeat;
        display:table;
		background-size: 100% auto;
background-position: center top;
    }
    .voss_swipers .swiper-slides:nth-child(1) .list-bgcfs{
        background-position:top left;
        background-size:auto 100%;
        background-color:transparent;
    }
    .voss_swipers .swiper-slides:nth-child(2) .list-bgcfs{
        background-position:top right;
        background-size:auto 100%;
        background-color:transparent;
    }
    .voss_swipers .swiper-slides:nth-child(3) .list-bge{
        background-color:transparent;
        background-position:bottom left;
        background-size:auto 100%;
    }
    .voss_swipers .swiper-slides:nth-child(4) .list-bge{
        background-color:transparent;
        background-position:bottom right;
        background-size:auto 100%;
    }
    .voss_swipers .swiper-slides{
        cursor: pointer;
    }
    .voss_swipers .swiper-slides .voss_logo{position: absolute;top:50%;transform: translateY(-50%);width:180px;}
    .voss_swipers .swiper-slides{background-repeat:no-repeat;}
    .voss_swipers .swiper-slides:nth-child(1){
        background-color:#dddddd;
        background-image:url(../img/newvoss__1.png);
        border-right:solid 2px #fff;
        border-bottom:solid 2px #fff;
        background-position: 92% center;
        background-size: 30%;
    }
    .voss_swipers .swiper-slides:nth-child(2){
        background-color:#dddddd;
        background-image:url(../img/newvoss__2.png);	
        border-left:solid 2px #fff;
        border-bottom:solid 2px #fff;
        background-position: 8% center;
        background-size: 30%;
    }
    .voss_swipers .swiper-slides:nth-child(3){
        background-color:#dddddd;
        background-image:url(../img/newvoss__3.png);
        border-right:solid 2px #fff;
        border-top:solid 2px #fff;
        background-position: 92% 24%;
        background-size: 30%;
    }
    .voss_swipers .swiper-slides:nth-child(4){
        background-color:#dddddd;
        background-image:url(../img/newvoss__4.png);
        border-left:solid 2px #fff;
        border-top:solid 2px #fff;
        background-position: 8% 24%;
        background-size: 30%;
    }
    .list-bgcfs .con-rs{height:100%;display:table-cell;vertical-align:middle;background: rgba(0,0,0,.4);transition: 0.3s all ease;opacity: 0;}
    .list-bgcfs .con-rs .list-cons{padding:0 12%;color:#fff;font-size:12px;line-height:36px;}
    .list-bgcfs .con-rs .list-cons .tit{transform: translateY(10%);transition: 0.3s all ease;}
    .list-bgcfs .con-rs .list-cons .s-tit{padding:5px 0;color:#fff;font-size: 20px;font-weight: normal;}
    .list-bgcfs .con-rs .list-cons .article{transform: translateY(10%);transition: 0.3s all ease;}
    .list-bg2{background-position:right center;background-color:#283955}
    .list-bg2 .con-l{}
    .list-bge{display:table;width:100%;height:100%;background-repeat:no-repeat;background-position-y:center;background-size:auto 100%;background-color:#fff}
    .list-bge .bge-con{display:table-cell;vertical-align:middle;padding: 0 12%;color: #fff;font-size: 12px;line-height: 36px;background: rgba(0,0,0,.4);opacity: 0;}
    .list-bge .bge-con .tit{transform: translateY(10%);transition: 0.3s all ease;}
    .list-bge .bge-con .s-tit{padding-top:8px;font-size:20px;color:#636262;font-weight:normal}
    .list-bge .bge-con .article{transform: translateY(10%);transition: 0.3s all ease;}
    .bg7-c{width:100%;height:100%;background-color:#fff;padding:0 0;}
    .bg7-l,.bg7-r{display:table;height:100%;width:50%;position: relative;}
    .bg7-l .bg7-t{display:table-cell;vertical-align:top;text-align: center;}
    .bg7-l .bg7-t .tit{color:#8a8a8a;font-size:38px;font-weight:400;line-height:40px;padding-bottom:60px;padding-top:10%;letter-spacing: 2px;}
    .bg7-l .bg7-t .article{width:60%;margin:0 auto;}
    .bg7-l .bg7-t .article p{color:#8a8a8a;font-size:26px;line-height:40px;text-align: left;margin-bottom: 3%;}
    .bg7-l .bg7-t .erwma{width: 260px;position: absolute;bottom:20px;left:50%;margin-left: -130px;}
    .bg7-l .bg7-t .erwma img{display: block;width:130px;margin:0 auto;}
    .bg7-l .bg7-t .erwma p{color:#8a8a8a;font-size:14px;}
    
    /* hover */
    .voss_swipers .swiper-slides:hover .list-bgcfs .con-rs,.voss_swipers .swiper-slides:hover .list-bge .bge-con{opacity: 1;}
    .voss_swipers .swiper-slides:hover .list-bge .bge-con .tit,
    .voss_swipers .swiper-slides:hover .list-bge .bge-con .article,
    .voss_swipers .swiper-slides:hover .list-bgcfs .con-rs .list-cons .tit,
    .voss_swipers .swiper-slides:hover .list-bgcfs .con-rs .list-cons .article{transform: translateY(0);}
    
    @media (max-width: 1366px) {
        .bg7-l .bg7-t .article {width:70%}
        .bg7-l .bg7-t .article p{font-size: 17px;}
        .bg7-l .bg7-t .erwma{position: relative;bottom: 0;left:0;margin:30px auto 20px;}
    }
    .bg7-r .icon{display:table-cell;vertical-align:middle}
    .bg7-r .icon .icon-bg{height:100%;overflow:hidden;background-repeat:no-repeat;background-size:100% 100%;background-position:center center}
    
    @media (min-width:320px) and (max-width:480px){.container .navbar{width:100%;height:auto;display:block}
        .container .navbar .box{padding-left:10%;padding-top:10%;padding-bottom:12px}
        .container .navbar .box li{margin-bottom:12px}
        .container .navbar .box li a{font-size:16px;white-space:nowrap;color: #8a8a8a;}
        .container .wrap{width:100%;height:auto}
        .container .wrap .content img{height:auto}
        .container .wrap .content .product-list .product-item{height:auto;}
        .container .wrap .content .product-list .product-item img{height:auto}
        .bg-bottom{padding:8%}
        .bg3-r .icon .icon-bg{background-size:100% auto}
        .bg3-l .bg3-t .article{width:90%;font-size: 14px;}
        .bg3-l .bg3-t .tit{padding-bottom:5px;font-size:20px}
        .bg3-l{width:52%}
        .bg3-l,.bg3-r{width:48%}
        .bg5-c{padding:0 10%}
        .bg5-c .bg5 .bg5-f{margin-right:3%}
        .bg5-c .bg5 .bg5-s{width:29%;margin-right:3%}
        .bg5-c .bg5 .bg5-t{margin-right:3%}
        .bg5-c .bg5-con{padding-top:20px}
        .bg5-c .bg5-con h4{padding-bottom:20px;font-size:20px;text-align:center}
        .bg5-c .bg5-con p{font-size:15px}
        .bg2-c .title{font-size:24px;padding:15px 0}
        .bg2-c .text{padding:20px 0}
        .bg2-c .text p{line-height:26px;font-size:14px}
        .bg4-c .article{font-size:14px;line-height:26px}
        .list-bgcfs .con-rs .list-cons{padding:0 8%;}
        .list-bgcfs .con-rs .list-cons .article{padding:0;width:auto;line-height: 26px;font-size: 10px;}
        .list-bgcfs .con-rs .list-cons .s-tit{padding:10px 0;}
        .list-bg2 .con-l{padding-right:0}
        .list-bge .bge-con{padding: 0 8% 0 8%;}
        .list-bge .bge-con .tit{font-size: 12px;}
        .list-bge .bge-con .s-tit{padding-top: 3px;}
        .list-bge .bge-con .article{padding-top:20px;font-size: 10px;    line-height: 26px; }
        .list-bgcfs{ background-size: 100% auto;background-position: center top; background-repeat: no-repeat;   background-size: cover;}
        .list-bge{    background-size: 100% auto; }
        .bg7-c{height:auto;}
        .bg7-l,.bg7-r{width:100%;height: auto;}
        .bg7-r{height: 400px}
        .bg7-l .bg7-t .tit{font-size: 26px;}
        .bg7-l .bg7-t .erwma{position: relative;bottom: 0;left:0;margin:30px auto 20px;}
    }
    
    /* .swiper-containers,.swiper-wrapperss,.swiper-slides{height:100%} */
    
    .diat{position: fixed;top:10px;left:10px;z-index:5;}
    .diat .item{float:left;line-height: 27px;color: #8a8a8a;font-size: 15px;margin-right:20px;}
    .diat .item img{float:left;width: 40px;height: 27px;margin-right:13px;}
    .diat .item.catt{color:#000000;}
    
    .f_index{position: fixed;top:52px;left:10px;z-index:5;}
    .f_index .btnq{display: block;width:110px;height:35px;text-align:center;line-height:35px;background:rgba(0,0,0,.4);color:#fff;font-size:15px;}
    
    .voss_swipers.swiper-containers{height:100%}
   
    .voss_swipers.swiper-containers .swiper-wrapperss{display: -webkit-box;flex-wrap:wrap;display: -ms-flexbox;display: flex;    -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .voss_model_wraps{position: fixed;top: 0;right: 0;bottom: 0;left: 0;display:none;z-index:1;-webkit-overflow-scrolling: touch;background: rgba(43, 43, 43, 0.9);}
    .voss_model_wraps .close{position: fixed;top: 20px;right: 8%;width: 32px;height: 32px;cursor: pointer;z-index: 11;opacity: 0.7;transform: rotate(45deg);transition: all 0.25s ease;}
    .voss_model_wraps .close:hover{opacity:1}
    .voss_model_wraps .close::before,.voss_model_wraps .close::after{content: '';display: block;position: absolute;top: 50%;left: 50%;border-radius: 10px;background: #fff;transition: all 0.25s ease;}
    .voss_model_wraps .close::before{width: 24px;height: 2px;margin: -1px 0 0 -12px;}
    .voss_model_wraps .close::after{width: 2px;height: 24px;margin: -12px 0 0 -1px;}
    .voss_model_wraps .model_swipers{width: 100%;max-width: 75%;margin: 0 auto;position: relative;z-index: 3;}
    .voss_model_wraps .model_swipers .swiper-slides{-webkit-overflow-scrolling: touch;overflow-y: auto;display:none;}
    .voss_model_wraps .model_swipers .swiper-slides img{width:100%;display:block;}
    .swiper-containers { margin-left: auto; margin-right: auto;  position: relative; overflow: hidden;z-index: 1; }
    .swiper-containers, .swiper-wrapperss, .swiper-slides { height: 100%; }
    .voss_box_top{width: 1200px !important; margin: 0 auto !important;     font-family: 'Rajdhani'; }
    .voss_box1_top{margin-top: 50px; margin-bottom: 60px; display: flex;  align-items:center;}
    .voss_box1_top img{  width:313px; height: 82px;}  
    .voss_box2_top{margin-left: 160px;}
    .voss_box2_top h2{font-weight: 400;margin-bottom: 20px; font-size: 24px; color: #191919;}
    .voss_box3_top{ font-size: 13px; color: #8b8b8b; }
    .voss_box4_top{display: flex; width: 10px; height: 10px; margin-top: 10px; }
    .voss_box4_top img{width: 10px; height: 10px;}
    .cultivate_box1{text-align: center; font-size: 28px; margin: 40px 0 40px 0;}
    .cultivate_box2{overflow: hidden;  position: relative; background-image: url(../img/cultivate_right.png); width: 100%; height:675px; background-size: 100%; margin: 40px 0 0px 0;}
    .cultivate_box3{position: absolute;bottom: 0px; left: 25%; width: 350px; background-color: #fff; height: 300px; padding: 30px;}
    @font-face{  font-family: Rajdhani; src:url("../js/msyh.ttc");}

    .cultivate_box4{margin: 65px 0 0px 0;overflow: hidden;  position: relative; background-image: url(../img/cultivate_left.png); width: 100%; height:675px; background-size: 100%;}
    .cultivate_box5{position: absolute;bottom: 0px; left: 50%; width: 350px; background-color: #fff; height: 300px; padding: 30px;}
    .cultivate_box6{font-size: 24px; font-weight: 500; text-align: right; margin-bottom: 20px;}
    .cultivate_box7{font-size: 24px; font-weight: 500; text-align: left; margin-bottom: 20px;}
    .voss_box4_top1{display: flex; width: 10px; height: 10px; margin-top: 10px; position: absolute;bottom: 20px;left: 290px;}
    .voss_box4_top1 img{width: 10px; height: 10px;}
    .voss_box4_top2{ display: flex; width: 10px; height: 10px; margin-top: 10px; position: relative; bottom: -76px;  left: 0px; }
    .voss_box4_top2 img{width: 10px; height: 10px;}
    .Shopping_box{padding: 0px 30px;line-height: 1.6;color: rgb(31, 156, 212);}
    .Shopping_box p{ white-space: normal;margin: 0px;padding: 0px;}
    .Shopping_box1{font-size: 29px;color: rgb(149, 112, 77);}
    .Shopping_box2{text-decoration: underline;color: rgb(149, 112, 77);}
    .Shopping_box2 em span{text-decoration: underline;font-size: 18px;font-family: Optima-Regular, PingFangTC-light;}
    .Shopping_box3{text-align: left;  transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);   -moz-transform: rotateY(180deg);  -o-transform: rotateY(180deg); justify-content: flex-start;   display: flex;   flex-flow: row nowrap;    margin: -10px 0px 10px;   box-sizing: border-box;}
    .Shopping_box4{display: inline-block;width: 40%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;}
    .Shopping_box5{margin: 0px 0%;justify-content: flex-start;display: flex;flex-flow: row nowrap;}
    .Shopping_box6{display: inline-block;vertical-align: top;width: 20%;align-self: flex-start;flex: 0 0 auto;}
    .Shopping_box7{justify-content: flex-start;display: flex;flex-flow: row nowrap;}
    .Shopping_box8{display: inline-block;vertical-align: top;width: 33%;align-self: flex-start;flex: 0 0 auto;}
    .Shopping_box9{transform: rotateZ(31deg);-webkit-transform: rotateZ(31deg);-moz-transform: rotateZ(31deg);-o-transform: rotateZ(31deg);}
    .Shopping_box10{display: inline-block;width: 5px;height: 20px;vertical-align: top;overflow: hidden;background-color: rgb(149, 112, 77);}
     .Shopping_box11{display: inline-block;vertical-align: top;width: 33%;align-self: flex-start;flex: 0 0 auto;}
     .Shopping_box12{transform: rotateZ(31deg);-webkit-transform: rotateZ(31deg);-moz-transform: rotateZ(31deg);-o-transform: rotateZ(31deg);}
     .Shopping_box13{display: inline-block;width: 3px;height: 20px;vertical-align: top;overflow: hidden;background-color: rgb(149, 112, 77);}
     .Shopping_box14{display: inline-block;vertical-align: top;width: 33%;align-self: flex-start;flex: 0 0 auto;}
     .Shopping_box15{transform: rotateZ(31deg);-webkit-transform: rotateZ(31deg);-moz-transform: rotateZ(31deg);-o-transform: rotateZ(31deg);}
     .Shopping_box16{display: inline-block;width: 1px;height: 20px;vertical-align: top;overflow: hidden;background-color: rgb(149, 112, 77);}
     .Shopping_box17{transform: rotateZ(31deg);-webkit-transform: rotateZ(31deg);-moz-transform: rotateZ(31deg);-o-transform: rotateZ(31deg);}
     .Shopping_box18{display: inline-block;width: 1px;height: 30px;vertical-align: top;overflow: hidden;background-color: rgb(148, 112, 77);}
     .Shopping_box19{float:left;line-height:0;width:0;vertical-align:top;}
     .Shopping_box20{display: inline-block;vertical-align: top;width: 80%;align-self: flex-start;flex: 0 0 auto;}
     .Shopping_box21{float:left;line-height:0;width:0;vertical-align:top;}
     .Shopping_box22{font-size: 26px;color: rgb(149, 112, 77);letter-spacing: 2px;line-height: 1.2;}
     .Shopping_box23{font-size: 20px;color: rgb(151, 151, 151);letter-spacing: 5px; margin-top: 6px;}
     .Shopping_box24{letter-spacing: 1.2px; margin-top: 20px; color: rgb(151, 151, 151);}
     .Shopping_box24 .Shopping_box25{margin: 0px 0px 2px;text-align: center;white-space: normal;padding: 0px;}
     .Shopping_box26{text-align: center;margin: 20px 0px 2px;white-space: normal;padding: 0px;}
     .Shopping_box27{text-align: center;margin: 0px 0px 2px;white-space: normal;padding: 0px;}
     .Shopping_box28{text-align: right;justify-content: flex-end;display: flex;flex-flow: row nowrap;}
     .Shopping_box29{display: inline-block;width: 80%;vertical-align: top;align-self: flex-start;flex: 0 0 auto;}
     .Shopping_box30{padding: 0px 20px;text-align: justify;color: rgb(149, 112, 77);}
     .Shopping_box30 p{text-align: right;white-space: normal;margin: 0px;padding: 0px;}
     .cppx_box1{display: flex; }
     .cppx_box2{  width: 60%; height: 400px; background-color: #4324de; }
     .cppx_box3{width: 40%; height: 400px;}  
     .cppx_box11{display: flex;  margin-top: 50px;}
     .cppx_box22{ width: 60%; height: 400px; background-color: #4324de; }
     .cppx_box33{width: 40%; height: 400px;}
     .xin-box1{ display: flex;}
     .xin-box3{margin-left: 50px;}
     .xin-box3-text{ font-size: 32px;  padding: 0 20px 20px 20px;}
     .xin-box2{width: 500px; height: 700px; background-size: 100% auto;background-position: center top;background-repeat: no-repeat;   background-size: cover;}
     .xin-box4{width: 650px; height: 220px; margin-top: 30px;background-position: center top;background-repeat: no-repeat;    background-size: cover;}
     .xin-box5{width: 650px; height: 130px; background-color: #fff; padding: 20px 30px 30px 30px;}
     .xin-box5-p{ font-size: 22px;margin-bottom: 5px; color: #333;}
     .xin-box5-s{ color: #b8b8b8;}
     .wrapss {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        float: left;
      
    }

    .slidebox {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        border-radius: 10px;
    }

    .slidebox li {
        float: left;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 10px;
    }

    .slidebox li img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .dot {
        position: absolute;
        width: 100%;
        height: 30px;
        text-align: center;
        bottom: 1px;
        left: 0;
    }
    .dot p {
        margin-right: 10px;
    }
    .dot b {
        width: 10px;
        height: 10px;
        border-radius: 20px;
        color: #333;
        display: inline-block;
        border: 1px solid #fff;
        background: #fff;
        text-align: center;
        line-height: 17px;
        margin: 0 3px;
        margin-top: 6px;
        cursor: pointer;
        font-weight: normal !important;
    }
    .dot .cur {
        background: #F63;
        color: #fff;
        border: 1px solid #f63;
    }