@charset "utf-8";
blockquote, body, button, code, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {margin: 0;padding: 0;}
address, b, caption, cite, code, dfn, em, i, strong, td, th, var {font-style: normal;font-weight: 400;}
li {list-style: none;}
a {color: #333;text-decoration: none;}
/* input, select, textarea {font-family: inherit;font-size: inherit;font-weight: inherit;*font-size: 100%;}
button, input, option, select, textarea {outline: none;background: none;-webkit-appearance: none;border-radius: 0;box-shadow: none;}
input, textarea, select, button, meter, progress {-webkit-writing-mode: horizontal-tb !important;}
input, textarea, select, button {text-rendering: auto;color: initial;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;text-shadow: none;display: inline-block;text-align: start;margin: 0em;font: 400 13.3333px Arial;}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {align-items: flex-start;text-align: center;cursor: default;color: buttontext;background-color: buttonface;box-sizing: border-box;padding: 2px 6px 3px;border-width: 2px;border-style: outset;border-color: buttonface;border-image: initial;}
input, textarea {border: 0 none;color: #333;} */
fieldset, iframe, img {border: 0 none;}
img[src] {image-rendering: optimizequality;-ms-interpolation-mode: bicubic;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: 400;}
article, aside, footer, header, hgroup, main, nav, section {display: block;}
body, html {width: 100%;height: 100%;color: #333;font-size: 12px;word-break: break-all;}
html {-webkit-text-size-adjust: none;}
body {background: #f5f5f5;font-family: Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/* IE 7/6 */}
.pointer{ cursor:pointer;}
.hidden{ visibility:hidden;}
.ellipsis {overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis_more {display: -webkit-box;display: box;-webkit-line-clamp: 2;overflow: hidden;}
.omit1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bg_white {background-color: #fff;}
.bg_blue {background-color: #047ce4;}
.block{ display:block;}
.inline{ display:inline;}
.in_b {display: inline-block;}
.hide{display:none;}
.fl {float: left;}
.fr {float: right;}
.tc {text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.pr {position: relative;}
.pa {position: absolute;}
.flex {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 1200px;}
.flex_center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

.icons {display: inline-block;vertical-align: middle;background: url(../img/shop_icons.png) no-repeat;}
.i-user-gary {background-position: -30px 0;width: 18px;height: 18px;}
.i-car-gray {background-position: -30px -56px;width: 20px;height: 20px;}
.i-star-gray {background-position: -30px -30px;width: 20px;height: 20px;}
.i-star-solid-gray {background-position: -60px -110px;width: 15px;height: 15px;}
.i-foot-gray {background-position: -29px -100px;width: 20px;height: 20px;}
.i-speak-gray {background-position: -30px -80px;width: 18px;height: 18px;}
.i-arraw-right-gray {background-position: 0 -80px;width: 6px;height: 12px;}
.i-checkbox-blue, 
.i-checkbox-gray {cursor: pointer;width: 14px;height: 14px;}
.i-checkbox-gray {background-position: 0 -20px;}
.i-arraw-bottom-gray {background-position: 0 -100px;width: 10px;height: 5px;}
.i-arraw-top-black {background-position: -80px -91px;width: 10px;height: 6px;}
.i-arraw-solid-top-gray {background-position: 0 -155px;width: 10px;height: 5px;}
.i-arraw-solid-top-blue {background-position: 0 -115px;width: 10px;height: 5px;}
.i-arraw-solid-down-gray {background-position: -1px -125px;width: 10px;height: 5px;}
.i-arraw-solid-down-blue {background-position: -1px -170px;width: 10px;height: 5px;}
.i-arraw-m-right-black {background-position: -80px 0;width: 8px;height: 15px;}
.i-arraw-m-right-light-gray {background-position: -60px -20px;width: 8px;height: 15px;}
.i-arraw-m-left-light-gray {background-position: -60px 0;width: 8px;height: 15px;}
.i-arraw-m-left-black {background-position: -60px -40px;width: 8px;height: 15px;}
.w1200 {width: 1200px;margin: 0 auto;min-width: 1200px;}
.w_full {width: 100%;}

.btn-i {cursor: pointer;display: inline-block;padding: 2px 12px;border: 0 none;}
.btn-i.btn-i-blue {border: 1px solid #2c8ff4;background-color: #2c8ff4;color: #fff;}
.btn-i.btn-i-white {border: 1px solid #333a49;color: #333;background-color: #fff;}
.btn-i.btn-i-black {border: 1px solid #333a49;background-color: #333a49;color: #fff;}
.btn-i-white:hover {border: 1px solid #2c8ff4;color: #2c8ff4;}
/* Header */
.head_top{height: 34px;background-color: #333a49;min-width: 1200px;}
.header_con{height: 100%;color: #fff;}
.header_con>ul{height: 100%;}
.header_con .status {line-height: 34px;}
.header_con .status a{color: #fff;}
.header_con .for_infor{margin-left: 20px;font-size: 0;}
.header_con .for_infor>a {display: inline-block;width: 45px;height: 100%;}
.header_con .for_infor>a:first-child {color: #ffb400;}
.header_con .for_infor>a em{height: 14px;width: 45px;margin-top: 10px;margin-bottom: 10px;line-height: 14px;border-right: 1px solid #fff;font-size: 12px;}
.header_con .for_infor>a:last-child em {border: none;}
.header_con .for_infor>a:hover {background-color: #fff;color: #333;}
.header_con .infor {margin-left: 20px;}
.header_con .infor a {margin-left: 8px;}
.header_con .infor a:hover {color: #ffb400;}
.header_nav>li {height: 34px;width: 103px;text-align: center;margin-right: -1px;}
.header_nav>li a {display: inline-block;color: #fff;width: 100%;height: 14px;border-right: 1px solid #fff;margin-top: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.header_nav>li:last-child a{border: none;}
.head_icon{display: inline-block;width: 18px;height: 18px;background: url(../img/head_icons.png) no-repeat;vertical-align: middle;background-size: 246px 18px;}
.header_nav>li.nav_order i {background-position: -210px 0;}
.header_nav>li.nav_center i {background-position: -48px 0;}
.header_nav>li.nav_msg i {background-position: -138px 0;}
.header_nav>li.nav_help i {background-position: -174px 0;}
.header_nav>li span {vertical-align: middle;margin-left: 4px;}
.header_nav>li:hover {background-color: #fff;}
.header_nav>li:hover a{color: #333a49;}
.header_nav>li.nav_order:hover i {background-position: -192px 0;}
.header_nav>li.nav_center:hover i {background-position: -66px 0;}
.header_nav>li.nav_msg:hover i {background-position: -228px 0;}
.header_nav>li.nav_help:hover i {background-position: -156px 0;}

.logo {width: 180px;height: 55px;vertical-align: top;padding: 20px 0;}
.logo a{display: block;width: 100%;height: 100%;background: url(http://shop.zhunzhe.cn:8080/upload/base_params/11111_1539920822.png) no-repeat;background-size: auto 100%;background-position: center;}
.serach {width: 730px;margin-top: 20px;}
.serach .search_head {margin-left: 126px;padding-bottom: 10px;}
.search_head .search_val {width: 600px;border: 2px solid #2c8ff4;}
.search_head .search_val>input {width: 488px;height: 36px;line-height: 36px;font-size: 14px;margin-left: 10px;}
.search_head .search_val>span {height: 36px;line-height: 36px;font-size: 16px;width: 102px;background-color: #2c8ff4;color: #fff;cursor: pointer;}
.merch_search .search_tag ul {margin-top: 6px;}
.merch_search .search_tag li {margin-right: 10px;}
.merch_search .search_tag li a{color: #666;}
.merch_search .search_tag li a:hover {color: #2c8ff4;}
.merch_search .search_inner {top: 40px;left: 0;width: 500px;z-index: 4;}
.search_inner_con {height: 268px;overflow: hidden;border: 1px solid #e1e1e1;}
.search_recenty{padding-top: 5px;border-right: 1px solid #e1e1e1;}
.search_recenty_head {padding: 0 10px;height: 24px;line-height: 24px;overflow: hidden;}
.search_recenty_head span{color: #666;}
.search_recenty_head em {padding-left: 18px;background: url(../img/delete.png) no-repeat 0;cursor: pointer;}
.merch_search .search_inner li,
.search_hot_tag_head {height: 24px;line-height: 24px;}
.merch_search .search_inner li:hover {background-color: #f5f5f5;}
.search_recenty li>a {margin-left: 12px;display: block;}
.search_recenty li:hover a {color: #2c8ff4;}
.merch_search .search_inner li a {width: 100%;}
.merch_search .search_inner li span {width: 82%;}
.search_recenty li em {display: none;width: 16px;height: 24px;background: url(../img/delete.png) no-repeat 50%;}
.merch_search .search_inner li em {margin-right: 18px;}
.search_recenty li:hover em {display: block;}
.search_inner_con>div {width: 248px;height: 100%;padding-top: 5px;}
.search_hot_tag_head>p{color: #666;margin-left: 10px;}
.search_inner_con>div>p {width: 100%;top: 50%;margin-top: -10px;}
.search_inner_val {border: 1px solid #e1e1e1;padding-top: 5px;}
.merch_search .search_inner .search_inner_val li>a {margin-left: 12px;}

.my_cart {vertical-align: top;margin-left: 56px;margin-top: 20px;}
.merch_cart {margin-right: 40px;box-shadow: 0 0 5px 0 rgba(0,0,0,.15);-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);-o-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);-ms-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);}
.cart_con {height: 38px;line-height: 38px;width: 187px;cursor: pointer;}
.cart_con img {margin: 0 10px;vertical-align: middle;}
.cart_con em {vertical-align: middle;font-size: 14px;}
.cart_con span {height: 16px;line-height: 16px;padding: 0 5px;border-radius: 8px;background-color: #2c8ff4;margin-left: 5px;color: #fff;}
.cart_con i {width: 12px;height: 12px;background-position: -12px 0;margin: 14px 10px 0 6px;}
.merch_cart .cart_inner {top: 40px;right: 1px;width: 350px;background-color: #fff;box-shadow: 0 0 5px 0 rgba(0,0,0,.15);-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);-o-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);-ms-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);z-index: 10;}
.cart_inner>em {top: -3px;right: 0;background: #fff;width: 187px;height: 6px;}
.no_cart {padding: 25px;}
.no_cart>p {color: #666;}
.merch_cart .cart_scroll {max-height: 370px;overflow: auto;margin-top: 20px;}
.cart_inner_list {margin: 0 20px;border-bottom: 1px solid #e1e1e1;}
.merch_cart .cart_content {padding: 15px 0;}
.merch_cart .cart_content img {height: 60px;width: 60px;}
.merch_cart .cart_content .name {margin: 6px 0 0 8px;}
.merch_cart .cart_content .name p {width: 210px;}
.merch_cart .cart_content .name span {margin: 2px 0;width: 210px;color: #666;}
.merch_cart .cart_content .price {bottom: 20px;right: 5px;}
.merch_cart .cart_content .price em {margin-right: 5px;}
.cart_inner .cart_handle {padding: 15px 25px;}
.cart_inner .cart_handle>p,
.cart_inner .cart_handle>p em,
.cart_inner .cart_handle>p span{font-size: 14px;}
.cart_inner .cart_handle p em {color: #fe4e5e;}
.cart_inner .cart_handle .cou_list li{margin-top: 10px;}
.cart_handle .cou_list em {width: 250px;font-size: 14px;}
.cart_handle .cart_goto{margin-top: 20px;}
.cart_handle .cart_goto li {height: 30px;line-height: 30px;padding: 0 15px;border-radius: 3px;cursor: pointer;}
.cart_handle .cart_goto li:last-child {border: 1px solid #bbb;}
.cart_handle .cart_goto li:first-child {background-color: #2c8ff4;border: 1px solid #2c8ff4;}
.cart_handle .cart_goto li a {font-size: 14px;color: #fff;}
.merch_cart:hover .cart_inner {display: block;}

.search_nav {box-shadow: 0 3px 5px 0 rgba(0,0,0,.15);-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.15);-o-box-shadow: 0 3px 5px 0 rgba(0,0,0,.15);-moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,.15);-ms-box-shadow: 0 3px 5px 0 rgba(0,0,0,.15);}
.classify{min-width: 122px;min-height: 30px;line-height: 30px;background-color: #fff;margin-top: 0;font-size: 12px;color: #333;position: relative;z-index: 5;}
.search_nav .classify h2 {width: 180px;height: 45px;background-color: #2c8ff4;line-height: 45px;cursor: pointer;font-size: 14px;color: #fff;}
.search_nav .classify>i:before {position: absolute;content: "";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 6px solid #fff;top: -6px;left: 90px;margin-left: -6px;z-index: 3;}
.search_nav .classify h2:hover + i{display: block;}
.show_cat {transition: height .3s;-moz-transition: height .3s;-webkit-transition: height .3s;-o-transition: height .3s;overflow: hidden;}
.search_nav .classify>ul {background-color: #fff;top: 45px;left: 0;width: 179px;box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);-o-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);-ms-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);-moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);z-index: 2;border-right: 1px solid #fff;}
.search_nav .classify>ul.current {border-right: 1px solid #2c8ff4;}
.search_nav .classify>ul>li {height: 31px;padding: 0 15px;line-height: 31px;border-bottom: 1px dashed #e1e1e1;}
.search_nav .classify>ul>li>a {height: 24px;width: 100%;margin-top: 4px;line-height: 24px;display: inline-block;font-size: 18px;border-radius: 3px;}
.search_nav .classify>ul>li>a img {width: 22px;height: 22px;vertical-align: middle;}
.search_nav .classify>ul>li>a em {margin-left: 10px;color: #666;vertical-align: middle;}
.cat-hove {background-color: #2c8ff4;}
.cat-hove:before {border-right: 8px solid #2c8ff4;right: -15px;}
.cat-hove:after, 
.cat-hove:before {position: absolute;content: "";width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;top: 50%;margin-top: -8px;z-index: 10;}
.cat-hove:after {border-right: 8px solid #fff;right: -16px;}
.search_nav .classify>ul>li>a.cat-hove em{color: #fff;}

.search_nav .activity_nav {margin-left: 40px;}
.search_nav .activity_nav ul li {margin-right: 35px;line-height: 45px;font-size: 14px;}
.search_nav .activity_nav ul li a {font-weight: 700;}
.classify .classify_list {top: 45px;left: 180px;width: 810px;min-height: 230px;z-index: 15;border: 1px solid #eee;border-left: none;}
.classify_list .classify_child:first-child {padding-top: 15px;}
.classify_list .classify_child>h3 {line-height: 19px;padding: 0 20px;width: 64px;margin-top: 10px;font-size: 14px;}
.classify_list .classify_child>h3 a {color: #666;}
.classify_list .classify_child ul {width: 650px;}
.classify .classify_list>div ul {min-height: 30px;border-bottom: 1px solid #e1e1e1;padding-top: 10px;}
.classify_list .classify_child li {height: 19px;line-height: 19px;margin-bottom: 10px;}
.classify_list .classify_child li a {color: #666;}
.classify_list .classify_child li span {padding: 0 5px;color: #666;}
.classify_list .classify_child li:last-child span {display: none;}

/*Footer*/
.footer {padding-bottom: 60px;background-color: #eaeaea;min-width: 1200px;}
.footer .footer_img {height: 110px;border-bottom: 1px solid #e1e1e1;}
.footer .footer_img img {width: 1200px;height: 50px;margin: 30px auto;}
.footer .footer_container {margin-top: 30px;}
.footer .footer_article dl {width: 204px;}
.footer .footer_article dl dt {margin-bottom: 5px;font-weight: 700;}
.footer .footer_article dl dd {height: 24px;line-height: 24px;}
.footer .footer_article dd:hover a{color: #2c8ff4;}
.footer .footer_tel {width: 180px;}
.footer .footer_tel_num {height: 14px;font-weight: 700;font-size: 18px;}
.footer .footer_tel_des {height: 13px;margin-top: 10px;}
.copyright {text-align: center;margin-top: 35px;font-size: 14px;}
.right-fixed-nav {position: fixed;right: 100px;top: 30%;box-sizing: border-box;width: 60px;background-color: #2395e1;border:1px solid #e1e1e1;}
@media screen and (max-width: 1500px){
    .right-fixed-nav {right: 10px;}
}
.right-fixed-nav a {color: #fff;}
.r-f-item {padding: 10px 0;border-bottom: 1px solid #e1e1e1;}
.r-f-item div {margin-top: 5px;}
.r-f-item#shoppingCar div {margin-top: 0;}
.car-num {top: 3px;
    left: 38px;
    padding: 0 5px;
    border-radius: 6px;
    white-space: nowrap;
    background-color: #2c8ff4;
    color: #fff;}
.r-f-item .i-user-gary {background: url(../img/right_nav_member.png) no-repeat;background-size: 100%;}
.r-f-item .i-car-gray {background: url(../img/right_nav_cart.png) no-repeat;background-size: 100%;margin-top: 5px;}
.r-f-item .i-star-gray {background: url(../img/right_nav_star.png) no-repeat;background-size: 100%;}
.r-f-item .i-foot-gray {background: url(../img/right_nav_foot.png) no-repeat;background-size: 100%;}
.r-f-item .i-speak-gray {background: url(../img/right_nav_speak.png) no-repeat;background-size: 100%;}
.r-f-footer {width: 100%;height: 30px;background-color: #2395e1;color: #fff;cursor: pointer;}
.r-f-footer span {width: 0;height: 0;margin: 11px 0 0 22px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #fff;}

.alert_mask {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: #fff;opacity: 0;filter: alpha(opacity=0);z-index: 15;}
.alert {position: fixed;top: 50%;left: 50%;height: 70px;padding: 0 40px;background-color: #fff;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);font-size: 16px;z-index: 20;box-shadow: 0 0 5px 0 rgba(0,0,0,.15);-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);-o-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);-ms-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.alert p {max-width: 500px;line-height: 70px;padding-left: 60px;}
.alert p.success {background: url(../img/alert_success.png) no-repeat 0;}
.alert p.warning {background: url(../img/alert_warning.png) no-repeat 0;}
.alert p.no-icon {padding-left: 0;}
.alert.top {top: 100px;margin-top: 0;}
.alert.center {margin-top: -100px;}
.alert.bottom {top: auto;bottom: 50px;margin-top: 0;}


@font-face {font-family: element-icons;src: url(../fonts/element-icons.woff) format("woff");font-weight: 400;font-style: normal;}
.el-pagination {white-space: nowrap;padding: 15px 0;color: #303133;font-weight: 700;}
.el-pagination:after, 
.el-pagination:before {display: table;content: "";}
.el-pagination button, 
.el-pagination span:not([class*=suffix]) {display: inline-block;font-size: 13px;min-width: 35.5px;height: 28px;line-height: 28px;vertical-align: top;box-sizing: border-box;}
.el-pagination button {border: none;padding: 0 6px;background: transparent;}
.el-pagination .btn-next, 
.el-pagination .btn-prev {background: 50% no-repeat;background-size: 16px;background-color: #fff;cursor: pointer;margin: 0;color: #303133;}
.el-pagination .btn-prev {padding-right: 12px;}
.el-pagination .btn-next {padding-left: 12px;}
[class*=" el-icon-"], 
[class^=el-icon-] {font-family: element-icons!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;vertical-align: baseline;display: inline-block;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.el-pagination .btn-next .el-icon, 
.el-pagination .btn-prev .el-icon {display: block;font-size: 12px;font-weight: 700;}
.el-icon-arrow-left:before {content: "\E600";}
.el-icon-arrow-right:before {content: "\E604";}
.el-pager {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;list-style: none;display: inline-block;vertical-align: top;font-size: 0;padding: 0;margin: 0;}
.el-pager li {padding: 0 4px;background: #fff;vertical-align: top;display: inline-block;font-size: 13px;min-width: 35.5px;height: 28px;line-height: 28px;cursor: pointer;box-sizing: border-box;text-align: center;margin: 0;}
.el-pager li.active {color: #409eff;cursor: default;border-color: #333a49!important;background-color: #333a49!important;}
.el-pager li.active, 
.el-pager li.active:hover {color: #fff!important;}
.el-pager li.btn-quicknext, 
.el-pager li.btn-quickprev {line-height: 28px;color: #303133;}
.el-icon-more:before {content: "\E646";line-height: 30px;}
.el-pager li:hover, 
.el-pagination button:hover {color: #333!important;background-color: #e6e6e6;}

.el-loading-mask {
    position: absolute;
    z-index: 10000;
    background-color: hsla(0,0%,100%,.4)!important;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .3s;
}
.el-loading-spinner {
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute;
}
.el-loading-spinner .circular {
    height: 42px;
    width: 42px;
    animation: loading-rotate 2s linear infinite;
}
.el-loading-spinner .path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409eff;
    stroke-linecap: round;
}
@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}