@font-face {
    font-family: 'iconfont';
    src: url('font/iconfont.woff2') format('woff2'),
         url('font/iconfont.woff') format('woff'),
         url('font/iconfont.ttf') format('truetype')
}
.icon{font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.left{ width: 210px; position: absolute; left: 0; top: 88px; bottom: 0; overflow: auto; background: #fff; padding-top: 50px; box-sizing: border-box; }
.left .t li{ line-height: 40px; padding-left: 40px; margin-bottom: 10px; border-left: 3px solid #fff; }
.left .t li.select{ background: #f6f6f6; border-left: 3px solid #008eff; }
.left .t li:hover{ background: #f6f6f6; border-left: 3px solid #f6f6f6; cursor: pointer;}
.left .t li.select:hover{ background: #f6f6f6; border-left: 3px solid #008eff; cursor: pointer;}
.left .b{ position: absolute; bottom: 0; padding-bottom: 30px; text-align: center; width: 100%; }
.left .b li{margin-bottom: 15px; color: #999;}
.left .b .sc{margin-right: 6px; color: #ccc; display: inline-block;}
.left .getLike{cursor: pointer; line-height: 20px;}
.sc-dh-open{
    animation: sc-dh-open 2s ease-in-out infinite;
}
@keyframes sc-dh-open{
    0%,5%{ transform: scale(1) rotate(0); color: #ccc; }
    10%,20%,30%,40%  { transform: scale(1.5) rotate(10deg); color: #ff3271; }
    15%,25%,35%{ transform: scale(1.5) rotate(-10deg); color: #ff3271; }
    50% { transform: scale(1) rotate(0); color: #ccc; }
    100% { transform: scale(1) rotate(0); color: #ccc; }
}

.root-hd{ line-height: 88px; height: 88px; background: #fff; box-shadow: -3px 20px 30px rgba(0,0,0,0.04); z-index: 80; position: relative;}
.root-hd .hd{ width: 1240px; margin: 0 auto; display: flex; position: relative;}
.root-hd .logo{height: 88px; width: 200px; }
.root-hd .logo{ background: url(https://img.alicdn.com/imgextra/i1/1867852664/O1CN01K4XmVY1VY9p7ZR6uN_!!1867852664.png) 0 0 no-repeat; }
.root-hd .page-nav{ position: absolute; right: 10px; display: flex;}
.root-hd .page-nav a,.root-hd .page-nav .login{ display: flex; justify-content: center; min-width: 150px; height: 82px; border-top: 3px solid #fff; color: #000;text-decoration: none; text-align: center; font-size: 14px;}
.root-hd .page-nav a.select{ background: #f7f7f7; border-top: 3px solid #f7f7f7; border-bottom: 3px solid #f7f7f7;}	/*#176dff*/
.root-hd .page-nav a:hover{ background: #f7f7f7; border-top: 3px solid #f7f7f7; border-bottom: 3px solid #f7f7f7; color:#00a1ff;}
.root-hd .page-nav .login{min-width: 100px; margin: 0px 10px; cursor: pointer; height: 70px; position: relative;}
.root-hd .login .name{ display: inline-block; padding-left: 62px; max-width: 180px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.root-hd .login .headimgurl{ width: 45px; height: 45px; border-radius: 25px; margin-right: 10px; position: absolute; margin-top: 18px; left: 10px;}
.root-hd .login i{font-family: "iconfont" !important;font-size: 14px; margin-left:6px; cursor: default; pointer-events:none; color: #ddd; font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.root-hd .login .user_opt{ background: #fff; display: none; background: #fff;  max-height:500px; width: 240px; position: absolute; box-shadow: 0px 10px 10px -5px rgba(111,111,111,0.1); margin-left: -40px;padding: 20px 0; border: 1px solid #eee; overflow: auto; color: #555; text-align: left; margin-top: 70px;}
.root-hd .login .user_opt li{ float: none; line-height: 40px; margin:0px 20px 0 30px; text-align: center; cursor: context-menu;border-radius: 20px; text-align: center; background: #f7f7f7; cursor: pointer;}
.root-hd .login .user_opt li:hover{ background: #1789ff; color: #fff; font-weight: bold; }
.root-hd .login:hover .user_opt{ display: block;}




/**
*搜索
*/
.right{ position: absolute; left: 0px; top: 88px; bottom: 0; right: 0; overflow: auto; padding-top: 50px; }
.root-hd .hd{ width: auto; }
.root-hd .page-nav a.select{border-bottom: 3px solid #458dff;}
.search{position: relative;}
.search input{line-height: 36px; background: #f6f6f6; border-radius: 18px; width: 280px; padding: 0 15px; border: 1px solid #fff;}
.search .sous-go{ position: absolute; cursor: pointer; top: 30px; right: 5px; display: inline-block; width: 36px; height: 36px; background: url(https://img.alicdn.com/imgextra/i3/1867852664/O1CN01Z8MyeF1VY9oLq3cqh_!!1867852664.png) 0 0 no-repeat; }
.search input:focus{ outline: none; border: 1px solid #5293ff; background: #fff;}



/**
* 推荐-meal
*/
.right .dz-box{background: #fff; padding: 15px 15px 60px 15px;}
.right .dz-box p.t{ font-size: 18px; margin-left: 15px; margin-top: 25px; margin-bottom: 5px; }
.right .dz-box p.tb{ font-weight: bold;overflow: hidden; }
.right .dz-box p.tb span{ float: right; margin-right: 20px; cursor: pointer;}
.right .meal{ display: flex; background: #fff; margin-bottom: 0px; width: calc(100%);}
.right .meal .dps{margin-top: 20px; margin-bottom: 20px; margin-left: 15px; }
.right .meal .dp{color: #666; position: relative; display: flex; align-items: center; border: 1px solid #e8e8e8; cursor: pointer; justify-content: center; width: 100%; height: 220px; padding: 10px; border-radius: 5px; flex-wrap: wrap; box-sizing: border-box; }
.right .meal .dps-en{ margin-right: 15px;}
.right .meal .card-body{display: flex; flex-shrink: 0; flex-grow: 0; width: 100%; margin-bottom: 20px; justify-content: center; align-items: center; }
.meal .name{font-size: 18px; margin-top: 15px; color: #555;}
.meal .dp div.qian{ font-size: 45px; font-weight: bold; color: #ff7e00;}
.meal .dp div.morey{ font-size: 20px;margin-left: 5px; margin-top: 15px;}
.meal .dp div.mknrs { font-size: 13px; margin-top: 0px; margin-bottom: 5px; color: #7a7a7a; width: 100%; line-height: 22px; text-align: center; border-top: 1px solid #e8e8e8; padding-top: 15px; }
.meal .dp div.mknrs .scdv{font-size: 16px;}
.meal .dp .hot,.meal .dp .hot2{display: inline-block; width: 40px; height: 20px; line-height: 20px; font-size: 12px; text-align: center;position: absolute; left: 0; top: 0; background: #ff0000; color: #fff; }
.meal .dp .hot2{background: #cb4af6;}
.meal .gou{position: absolute; display: none; right: 1px; top: 1px; width: 0px; height: 0px; text-align: center; line-height: 64px; border-top: 64px solid #ffffff; border-left: 64px solid transparent;}
.meal .gou svg{position: absolute; top: 4px; right: 6px; margin-top: -60px;}
.meal .select .dp-1{ background-image: linear-gradient(to bottom right, #fd6c6c, #fb96a6); color: #fff; border-color: #fb96a6; box-shadow: 0 6px 20px 2.2px rgb(255 0 0 / 20%);}
.meal .select .dp-2{ background-image: linear-gradient(to bottom right, #9a64fe, #c470ff); color: #fff; border-color: #c470ff; box-shadow: 0 6px 20px 2.2px rgb(196 112 255 / 30%);}
.meal .select .dp-3{ background-image: linear-gradient(to bottom right, #ff6d69, #ffad9d); color: #fff; border-color: #ffad9d; box-shadow: 0 6px 20px 2.2px rgb(255 0 0 / 20%);}
.meal .select .dp-4{ background-image: linear-gradient(to bottom right, #38d4aa, #11c6c4); color: #fff; border-color: #11c6c4; box-shadow: 0 6px 20px 2.2px rgb(17 198 198 / 25%);}
.meal .select .dp-5{ background-image: linear-gradient(to bottom right, #3c90ff, #2dafff); color: #fff; border-color: #2dafff; box-shadow: 0 6px 20px 2.2px rgb(45 175 255 / 25%);}
.meal .select .name{font-weight: bold;}
.meal .select .name,.meal .select div.qian,.meal .select div.mknrs{color: #fff; border-color: rgba(255,255,255,0.15); }
.meal .select .gou{display: block;}
.youshi{margin-left: 15px;display: flex;}
.youshi span{display: flex; align-items: center; line-height: 36px; border: 1px solid #adc383; padding: 0 20px; border-radius: 5px; margin-right: 10px; margin-top: 15px;}
.youshi span svg{margin-left: 5px;}
.shuomin{margin-left: 15px; margin-top: 10px; color: #999; font-size: 12px; line-height: 20px;}
.dz-buy{display: flex; margin:50px 15px 10px 15px; justify-content: center;}
.main-bd .bn{width: 100%; line-height: 60px; border-radius: 6px; background: #f6f6f6; font-size: 18px; text-align: center; cursor: pointer;transition: all 100ms ease 0ms;}
.main-bd .dzgo{margin-left: 15px; background-image: linear-gradient(to right, #4ab6f8, #4c93f0); color: #fff; font-size: 22px; font-weight: bold; box-shadow: 0 2px 20px 2.2px rgb(0 0 0 / 15%);}
.dz-buy .chakan:hover{box-shadow: 0 2px 20px 2.2px rgb(0 0 0 / 8%); background: #f9f9f9;}
.main-bd .dzgo:hover{background-image: linear-gradient(to right, #fb96a6, #fd6c6c); }
.right .dz-box p.lf-shuomin{display: none; margin-top: 35px; font-size: 16px;}
.main-bd .box-dzgo{margin: 50px 25px 15px 25px;}
.dz-box .dz-add-tip{width: auto; margin: 0px 15px;}
.dz-add-tip{text-align: center; width: 100%; font-size: 13px; color: #b17952; background: #fbf1e8; margin: 0px 25px;}
.goshop{ color: #666; text-decoration: none; margin-top: 5px; display: flex; }
.dz-add-tip span{ line-height: 38px; display: inline-block; margin: 0 10px;}
.a-prevView{display: inline-block;width: 120px; line-height: 40px; transition: all 100ms ease 0ms; bottom: 20px; transform: translateY(20px); opacity: 0; border-radius: 20px; position: absolute; text-align: center; z-index: 1;  left: 45px; background: #fff;}
.dzs-show .pic{position: relative; overflow: hidden;}
.dzs-show .pic:hover .a-prevView{display: inline-block; transform: translateY(0px); opacity: 1;}
/**
* 立即定制区
*/
.buy-show{display: none;}
.buy-show .liucen{ display: flex; }
.buy-show .liucen span{ width: 100%; margin: 10px; text-align: center; background: #e8fbe9; border-radius: 10px; padding: 12px 0; color: #888; position: relative;}
.buy-show .liucen span .title{font-size: 16px; color: #454545; font-weight: bold; display: inline-block; margin-bottom: 5px;}
.buy-show .liucen span svg{position: absolute; right: 10px; top: 24px;}
.buy-show .buy-list{background: #f6f6f6; margin: 0 10px; border-radius: 10px; padding: 15px 5px 25px 15px; margin-top: 10px;}
.buy-show .buy-list p{font-size: 16px; font-weight: bold;}
.buy-show .dzgo-fuwu{margin-left: 15px; width: 50%; background-image: linear-gradient(to right, #fb96a6, #fd6c6c); color: #fff; font-size: 22px; font-weight: bold; box-shadow: 0 2px 20px 2.2px rgb(0 0 0 / 15%);}
.buy-show .dzgo-fuwu a{display: flex; width: 100%; height: 100%; color: #fff;  text-decoration: none; text-align: center;justify-content: center; align-items: center;}
.buy-show .b-box{display: flex;flex-flow: wrap;}
.buy-show .b-box .pic img{width: 72px;}
.buy-show .b-box .pic{height: 96px; width: 72px; overflow: hidden;}
.buy-show .b-box a{ display: flex; flex-grow: 0; flex-shrink: 0; color: #666; text-decoration: none;position: relative;}
.buy-show .b-box .app,.buy-show .b-box .songmd{background: #fff;margin-right: 10px; margin-bottom: 10px;border-radius: 5px;}
.buy-show .b-box .name{margin: 20px 10px 20px 10px; font-size: 13px; width: 152px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.buy-show .b-box .go-mk{position: absolute; right: 12px; bottom: 20px; display: inline-block; width: 72px; background-image: linear-gradient(to right, #fb96a6, #fd6c6c); color: #fff; line-height: 24px; text-align: center; border-radius: 15px;}
.buy-show .b-box .toolNum{font-weight: bold; color: #ff221b;}
.buy-show .dz-add-tip{margin: 0 10px;}
.buy-show .p-t{display: inline-block; line-height: 30px; background: #fff; margin-right: 10px; border-radius: 15px; padding: 0 15px; font-weight: bold;margin-bottom: 15px;box-shadow: 0 2px 8px 2px rgb(0 0 0 / 5%);}
.buy-show .go-kefu{display: flex; justify-content: center; align-items: center;margin-left: 15px; width: 25%; background-image: linear-gradient(to right, #4ab6f8, #4c93f0); color: #fff; box-shadow: 0 2px 20px 2.2px rgb(0 0 0 / 15%);}
.buy-show .go-kefu svg{margin-right: 5px;}
.buy-show .go-kefu a{color: #fff; text-decoration: none; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.buy-show .copy-dz{width: 25%; border: 1px solid #e2e2e2; background: #fff;}
.buy-show .copy-dz:hover{background: #f6f6f6;}
.price{display: none;}
.lf-select .price{display: block; text-align: center; font-size: 20px; font-weight: bold; color: #f60; margin-top: -10px; margin-bottom: 10px;}
.buy-show .lf-select .price{position: absolute;left: 82px; bottom: 12px; font-size: 16px; color: #555; font-weight: normal;}
.right .main-bd,.ft .logo_wrap{ min-width: 1206px;}
@media screen and (min-width:1256px) {
    .right .main-bd,.ft .logo_wrap{
        margin: auto auto;
        width: 1206px;
    }
}
@media screen and (min-width:1750px) {
    .right .main-bd,.ft .logo_wrap{
        margin: auto auto;
        width: 1602px;
    }
}


/**
* 内容
*/
.right .box{font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";}
.main-bd{padding-bottom: 80px;}
.right .list{ display: flex; flex-flow:row wrap; background: #fff; padding: 20px 0px 50px 0px;}
.main-bd .box .title{margin-top: 68px; text-align: center; margin-bottom: 45px;}
.main-bd .box .title .t1{font-size: 24px; color: #333; font-weight: bold; margin-bottom: 0;}
.main-bd .box .li{ margin-left: 11px; margin-bottom: 20px; max-width: 188px; position: relative;}
.main-bd .box .gou{display: none;position: absolute; z-index: 10; right: 0px; top: 0px; width: 0px; height: 0px; text-align: center; line-height: 64px; border-top: 64px solid #ffffff; border-left: 64px solid transparent;}
.main-bd .box svg{position: absolute; top: 4px; right: 6px; margin-top: -60px;}
.main-bd .box .app,.main-bd .box .songmd,.main-bd .box .psd{cursor: pointer;} 
.main-bd .box .name{text-align: center; line-height: 48px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.main-bd .box a{color: #666; text-decoration: none;}
.main-bd .box .psd{ max-height: 900px; position: relative; overflow: hidden;} 
.main-bd .box .psd .bgz{width: 100%; height: 300px; position: absolute; bottom: 0;background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));}
.main-bd .show-apps .appimg{opacity: 0.3;}
.main-bd .show-apps .select .appimg{opacity: 1;}
.main-bd .box .select .gou{ display: block;}
.main-bd .show-apps .toolNum{font-weight: bold; margin-left: 3px;}
.main-bd .lf-more{text-align: center; color: #666; text-decoration: none;text-align: center; border-radius: 32px; color: #fff6eb; text-decoration: none; display: inline-block; width: 100%; line-height: 64px; background: #27d0c0; font-size: 14px; margin-top: 10px;}
.main-bd .lf-more em{font-size: 20px; font-weight: bold; color: #fff; margin-right: 10px;}
.main-bd .show-psd .select{border: 3px solid #ff7e00; box-sizing: border-box; border-radius: 5px;}

.ft{background: #fff; padding: 80px 0 0 0;}
.ft .copyright{background: #f6f6f6; line-height: 56px; text-align: center; margin-top: 150px; border-bottom: 40px solid #fff; }
.ft .title{text-align: center; margin-bottom: 68px;}
.ft .t1{font-size: 30px;color: #333; font-weight: bold; margin-bottom: 5px;}
.ft .t2{font-size: 16px; color: #999;}
.ft .full-logo .logo_img{display: flex; width: 1875px;}
.ft .full-logo .logo_img img{height: 100px;}
.ft .logo_wrap{ overflow: hidden;position: relative;}
.ft .logo_wrap .mask{display:flex; width: 300px; height: 100%; position: absolute; z-index: 1; left: 0; top: 0;background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));}
.ft .logo_wrap .right_mask{left: auto; right: 0; background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));}
.ft .contact{width: 900px; margin: 0 auto; display: flex;justify-content: space-between;}
.ft .contact .wx,.ft .contact .dd, .contact .wq{width: 220px; height: 300px;}
.ft .contact .wx,.ft .contact .dd{justify-content: center; position: relative; display: flex;align-items: flex-end; background: url(../../dzapp/wxdd.jpg) 0 0 no-repeat;}
.ft .contact .wx span,.ft .contact .dd span{display: inline-block; width: 168px; height: 50px; text-align: center; font-size: 18px; line-height: 50px; border-radius: 25px; background: #248bff; color: #fff;}
.ft .contact .dd{background-position: -220px 0;}
.ft .contact .wq p{margin-top: 20px; margin-left: 20px;display: flex; align-items: center;}
.ft .contact .wq a{font-size: 14px; color: #555; text-decoration: none; line-height: 40px;margin-left: 5px;}
/**
* 滚动动画
*/
.gdsyl_1{ animation: 35000ms linear 0ms infinite running gdsyl_1;}
@keyframes gdsyl_1{ from { transform: translateX(0); } to { transform: translateX(-100%); } }
.gdsyl_2{ animation: 30000ms linear 0ms infinite running gdsyl_2;}
@keyframes gdsyl_2{ from { transform: translateX(0); } to { transform: translateX(-100%); } }

.modShowMa{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 80; }
.modShowMa .preview{width: 550px; height: 680px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://img.alicdn.com/imgextra/i3/1867852664/O1CN01M1mAce1VY9oG4gpJb_!!1867852664.png) 0 0 no-repeat; }
.modShowMa .phone{ width: 320px; height: 660px; margin-top: 46px; margin-left: 11px; }
.modShowMa .ma{ position: absolute; top: 205px; left: 380px; min-width: 120px; height: 320px;}
.modShowMa .phone img{ width: 298px; margin-top: 15px; }

/**
* 悬浮
*/
#online_fixed{ position: fixed; right: 30px; bottom: 200px;}
#online_fixed .fixed-box li a{ display: block; width: 40px; height: 40px; background-color: #fff; border: 1px solid #eee; margin-bottom: -1px; cursor: pointer; }
#online_fixed .fixed-box .contact-me a i{ display:block; width: 20px; height: 20px; margin-left: 10px; margin-top: 8px; background: url(https://img.alicdn.com/imgextra/i1/1867852664/TB2Pf.xcYArBKNjSZFLXXc_dVXa-1867852664.gif) -80px 0 no-repeat #fff;}
#online_fixed .fixed-box .feedback-me a,#online_fixed .fixed-box .gotop a{ background: url(https://wex.dashi51.com/assets/images/icon-home.png) 0 0 no-repeat #fff;}
#online_fixed .fixed-box .gotop a{ background-position-y: -40px;}
#online_fixed .fixed-box .feedback-me a:hover,#online_fixed .fixed-box .gotop a:hover,#online_fixed .fixed-box .phone-me a:hover{ background-position-x: -40px;}
#online_fixed .fixed-box li a:hover{ background-color: #f8f8f8;}
#online_fixed .fixed-box .phone-me a{background: url(https://wex.dashi51.com/assets/images/icon-home.png) 0 -80px no-repeat #fff; display: none;}