html {
font-size: 16px;
}
@media only screen and (min-width: 320px) {
html {
font-size: 15.147px !important;
}
}
@media only screen and (min-width: 375px) {
html {
font-size:16px !important;
}
}
@media only screen and (min-width: 400px) {
html {
font-size: 17.06666px !important;
}
}
@media only screen and (min-width: 414px) {
html {
font-size: 17.664px !important;
}
}
@media only screen and (min-width: 480px) {
html {
font-size: 20.48px !important;
}
}
*{font-family:"微软雅黑","苹方";-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin:0; padding:0; border: none; outline: none;list-style: none; text-decoration: none; vertical-align: middle;}
input[type=button], input[type=submit], input[type=file], button {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; -webkit-appearance: none; outline: none; }
input{ -webkit-appearance: none;}
textarea{-webkit-appearance: none;appearance: none;}
select{appearance:none; -moz-appearance:none;-webkit-appearance:none;}
img{height:auto;display:inline-block;}
a{display:block;height:auto;cursor:pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html{ width:100%; height:100%;}
body{ width:100%; height:100%; margin:auto; background-color:#fff;}
a:hover{ transition:All 0.3s ease-in-out;
-webkit-transition:All 0.3s ease-in-out;
-moz-transition:All 0.3s ease-in-out;
-o-transition:All 0.3s ease-in-out;}
.yypc{display:none; width:100%;}
.yyapp{display:block; width:100%;}
/*head*/
/*介绍*/
.yu-about{float: left; width: 100%; padding: 0.625rem 4% 0 4%;box-sizing: border-box;}
.head-logos{float: left; width: 100%;}
.head-logos img{}
.yu-aboxt{float: left; width: 100%; margin-bottom: 1rem;}
.yu-aboxt .yu-aboxts{float: left; width: 100%;position: relative;color: #444; height: 2rem; font-size: 0.9878rem;text-align: left; margin-bottom: 1rem;}
.yu-aboxt .yu-aboxts div{position: absolute;left: 0;top: 0.75rem;z-index: 1;background-color: #fff; padding-right: 1.25rem;}
.yu-aboxt .yu-aboxts span{position: relative; width: 100%; height: 1px;background-color: #666;right: 0;top: 0.75rem;display: inline-block;}
.yu-aboxt .yu-aboxtsa1{float: left; width: 100%;}
.yu-aboxt .yu-aboxtsa1 a{float: left; width: 40%; margin: 0 0.625rem 0.625rem 0; text-align: center;color: #999;font-size: 0.75rem;}
.yu-aboxt .yu-aboxtsa1 img{ width:100%; margin: auto;display: block; margin-bottom: 0.25rem;}
.yu-aboxt .yu-aboxtsa2{float: left; width: 100%;}
.yu-aboxt .yu-aboxtsa2 img{float: left; height: 4.6875rem; margin: 0 1rem 0.625rem 0;border: 1px solid #eee;}
.yu-aboxt .yu-aboxtsa3{float: left; width: 100%;}
.yu-aboxt .yu-aboxtsa3 a{display: inline-block;}
.yu-aboxt .yu-aboxtsa3 img{float: left; width: 3.125rem; margin: 0 0.9375rem 0.625rem 0;}
.yu-aboxt .yu-aboxtsp{float: left; width: 100%;}
.yu-aboxt .yu-aboxtsp p{font-size: 0.875rem;color: #666; margin-bottom: 0.625rem;}
.yu-aboxt .yu-aboxtsp p a{color: #666;}
/*轮播图*/
.banner{ margin-top:0.2rem; float:left; width:100%;}
.banner-lit{ width:180px; height:auto; position:absolute; top:40px; right:0; z-index:100; background-color:#fff; overflow: hidden;}
.banner-lit img{ width: 180px; height:auto;}
.banner .flexslider { position: relative; width: 100%; height:auto; overflow: hidden; z-index:1}
.banner .slides { position: relative; z-index: 1;}
.banner .slides li { height: 9.5rem;}
.banner .slides li a{ width:100%; height:9.5rem; display:block;}
.banner .flex-control-nav { position: absolute; bottom:12px; z-index: 2; width:100%; text-align: center;}
.banner .flex-control-nav li { display: inline-block; width:0.5rem; height:0.5rempx; margin: 0 0.25rem; *display: inline; zoom: 1;}
.banner .flex-control-nav a { display: inline-block; width:0.5rem; height:0.5rem; line-height: 40px; overflow: hidden; cursor: pointer; background-color:#fff; font-size:0;}
.banner .flex-control-nav .flex-active { background-color:#e72222;}
.banner .flex-direction-nav{ position: absolute; z-index:100; width: 100%;}
.banner .flex-direction-nav a{ display:none;position: absolute;}
.head{float: left;width: 100%;height: 100px}
.headbox{ margin: auto;display: block; width: 100%;height: auto;}
.head-logos{float: left;height: auto;width: 100%;height: 50px; }
.head-logos img{margin: auto;display: block; height:auto;width: 34%; margin-top: 0.1rem;}
.yyheadles{float: left;height: 50px; display: flex;align-items: center;justify-content: flex-end;}
.yyheadles p{ color: #666;font-size: 12px; margin-right: 5px; width: 100%;}
.yyheadleapp{margin: auto;display: block;width: 88%; padding: 0 6%;}
.yyheadleapp input.yynavie{float: left;text-indent: 14px;-webkit-appearance: none;border-radius: 0; width:85%;height: 36px;line-height:inherit;display: flex;align-items: center;justify-content: flex-start; box-sizing: border-box; border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.yyheadleapp input.yynavir{float: left; width: 15%;-webkit-appearance: none;border-radius: 0;height: 36px;box-sizing: border-box;background: url(../images/yy15.png) no-repeat center center;background-size:42px 40px; border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.yyheadlc{float: left;position: relative; font-size: 14px; margin-left: 20px;}
.yyheadlc span{position: absolute;right: -12px;top:-6px;display: inline-block; background-color: #e72222;color: #fff;text-align: center;width: 15px;height: 16px;line-height: 16px; font-size: 12px;border-radius: 500px;}
.yyheadlc a, .yyheadlr a{ color: #a5a5a5;}
.yyheadlc a:hover, .yyheadlr a:hover{ color: #a149dc;}
.yyheadlc img, .yyheadlc img{width:24px;height: 24px;}
.yyheadlr{float: left;font-size: 14px; margin-left: 15px;}
.yynav{display: none; float:left;width: 52px;background-color: #c97bfe;width: 100%;}
.detakefuimg{float: right; margin-right: 0px; margin-top: 0px;}
.detakefuimg img{ height: 45px;}
.head-right{width: 100%;margin: auto;}
.head-right ul{width: 990px;float: left;position: relative;left: -35px; display:-webkit-flex; display: flex; }
.head-right li{ -webkit-flex:1; flex:1; width:auto;position: relative;z-index: 10; float: left;text-align:center; height:52px;line-height: 52px;box-sizing: border-box;}
.head-right li a{font-size: 16px; color: #fff;}
.head-right li.active a{color: #fff;}
.head-right li a:hover{ color: #7505bf;}
.head-right li .head-li{position: absolute;opacity:0;height:0px;overflow: hidden; transition:All 0.3s ease-in-out;z-index:2; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; background: #ffffff; top:52px;width: 200px;z-index:1;}
.head-right li .head-li .head-lis{float: left;width:100%;text-align: left;padding: 0 5px 0 5px;text-indent: 20px; border-bottom: 1px solid #e1e2e4; box-sizing: border-box; height: 44px; line-height: 44px;}
.head-right li .head-li .head-lis:first-of-type{border-top:2px solid #a149dc;line-height: 40px;}
.head-right li .head-li .head-lis:nth-last-child(1){border-bottom: 0;}
.head-right li:hover .head-li{opacity:1;height:auto;overflow:inherit;transition:All 0.3s ease-in-out;z-index:200; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
.head-right li .head-li .head-lis a{font-size: 12px; color: #444444;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.head-right li .head-li .head-lis:hover{background-color: #a149dc; }
.head-right li .head-li .head-lis a:hover{ color: #fff;}
.yynavtel{float: right;width:205px;line-height: 52px;background-color: #a149dc; height: 52px; color: #fff;font-size: 18px;font-weight: bold;text-align: center;}
.yynavtel img{width: 40px;height: 40px; margin-right: 5px;}
.destacados{float: left;width: 100%; padding-bottom: 10px;}
.destacadosbox{margin: auto;display: block;width: 100%;}
.destatxt{float: left;width: 100%;text-align: center;font-size: 13px; color:#666666;position:relative;}
.destatxt a{position: absolute;right: 0.875rem;top: 1.6rem;font-size: 12px; color: #a149dc;}
.destatxt p{font-size: 20px; color: #000000; margin:20px 0 0px 0;}
.destatxt span{margin: auto; display: block;background-color:#a149dc;width: 33px;height: 5px;margin-bottom: 8px;}
.destali{float: left;width: 100%;box-sizing: border-box; margin-top: 6px; }
.destali ul{display: inline-block;width: 100%;box-sizing: border-box; padding-left: 2.6%;}
.destali li{float:left;width: 48%;margin:0.625rem 1.4% 0 0; height:auto;overflow: hidden; position: relative; display: flex;align-items: center;justify-content: center; text-align: center; -webkit-flex: 1;background-color: #fff; flex: 1; }
.destali li:hover .destacadosx span{background-color: #a149dc;}
.destali li img{margin:auto;display: block;width:100%; height: 10.9375rem; z-index: 1; position: relative;top: 0;bottom: 0;left: 0;right: 0;}
.destacadosx{ position: absolute; bottom: 10px; left: 10%; z-index: 5; width: 80%; height: auto;background-color: rgba(255, 255, 255, 0.82);}
.destacadosx p{color: #222222;width: 100%;box-sizing: border-box; font-size: 16px; box-sizing: border-box; margin: 10px 0 10px 0; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.destacadosx span{ margin: auto;display: block; background-color: #ae5be6; text-align: center;color: #fff;font-size: 14px;width: 100%; height: 36px;line-height: 36px;}
.especial{float:left;width: 100%;background: url(../images/yy1.jpg) no-repeat top left;background-size:auto 100%;height: auto; padding-bottom: 1rem;}
.especialbox{background-color: #fff;width: 100%;margin: auto;display: block;height: auto; margin-top: 10px;}
.destali-w{margin: auto; padding: 0; width: 100%;}
.destali-w ul{float: left; width: 100%;box-sizing: border-box;padding-left: 2.6%;}
.destali-w li{float: left;position: relative;width:48%;height: auto;background-color: #fff; border: 1px solid #e4e4e4; box-sizing: border-box; margin: 0.625rem 1.4% 0 0;}
.destali-w li:hover{border: 1px solid #fff;}
.destali-w li:hover .especialdiv{opacity: 1;}
.especialimg{float: left;width: 100%;height: 10.8125rem;position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.especialimg div{position: absolute;top: 0;width: 100%; height: 10.8125rem;z-index: 8;line-height: 10.8125rem;color: #fff;text-align: center;font-size: 14px; background-color: rgba(0, 0, 0, 0.65);}
.especialimg img{position: relative;top:0;left: 0;bottom: 0; right: 0;width: 100%;z-index: 1;}
.especialdiv{opacity: 1;float: left; text-align: center; position: relative;bottom:0;top: auto;left: 0;right: 0; z-index: 5; width:100%;height: auto;background-color:#fff;}
.especialdiv p{color: #222;position: relative;bottom: 0;width: 100%;height: 1.8rem; padding: 0 5%;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.especials{float:left;width: 100%;text-align: center;background-color: #fff;height: 3.2rem;}
.especials p{font-size: 16px;color:#e72222;letter-spacing: -0.5px; font-weight: bolder; margin-top:0px;text-decoration: none; }
.especials p.active{text-decoration: line-through; font-weight: normal;font-size: 14px;margin: 0; color: #999999;}
.destali-R{float: left;width: 100%;overflow: hidden;}
.destali-R ul{ width: auto;overflow-y: auto;display: block; white-space: nowrap; }
.destali-R li{float: none;display: inline-block; margin: 30px 22px 0 22px;width: 6rem; }
.destali-R li .Nuevoimg{width:6rem;height: 6rem;border-radius: 500px;background-color: #eeeceb;}
.destali-R li .Nuevoimg img{width: 100%;margin: auto;display: block;}
.Nuevodiv{font-size: 14px;color: #222;float: left;width: 100%; text-align: center;padding: 0 0%;box-sizing: border-box; margin: 15px 0 5px 0;}
.Nuevodiv p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.Nuevos{float:left;width: 100%;text-align: center;}
.Nuevos p{font-size: 14px; display: inline-block; font-weight: bolder;color: #e72222;letter-spacing: -0.5px;}
.Nuevos p.active{font-size: 12px; color: #999999; font-weight: normal;margin-left: 10px;margin-top: 3px;text-decoration: line-through;}
.yygangao{float: left;width: 100%;text-align: center; margin: 20px 0 0 0;}
.yygangao img{width: 100%;height: auto;margin: auto;display: block;}
.Productos{float: left;width: 100%; margin: 10px 0 0 0;}
.Productos ul{float: left;width: 100%;box-sizing: border-box; padding-left: 2.6%;}
.Productos li{background-color: #fff;float: left;position: relative; margin-right: 1.4%;}
.Productos li:nth-child(1), .Productos li:nth-child(2){width: 48%;height: auto; margin-bottom: 0.3125rem;}
.Productos li:nth-child(1) img, .Productos li:nth-child(2) img{width: 100%;}
.Productost{width: 100%;background-color: #fff;color: #222;font-size: 22px; padding-top: 20px;box-sizing: border-box; height: 83px;text-align: center;}
.Productost p{font-size: 16px; color: #999;}
.Productosimg{position: absolute;bottom: 0;left: 0;width: 100%; right: 0;}
.Productosimg img{width: 100%;}
.Productosimgs{width:100%;height: auto;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.Productosimgs:hover, .Productoriix img:hover, .destali-R li .Nuevoimg img:hover, .destali li img:hover{opacity: 0.9;}
.Productosimgs img{width: 100%;height: 100%;}
.Productori{float: left; width: 100%; box-sizing: border-box; padding-left: 2.6%;}
.Productorii{float: left;background-color: #fff;width:48%;height: 110px; margin-right:1.4%; margin-bottom: 0.3125rem; }
.Productorii img{ width: 100%;height: 110px;}
.Productoriis{float: left;width: 100%;font-size: 15px;color: #222; padding-left: 10px;box-sizing: border-box; padding-top: 10px;}
.Productoriis p{font-size: 12px;color: #666;display: inline-block; }
.Productori .Productorii:nth-child(2), .Productori .Productorii:nth-child(4),:nth-child(2){margin-right: 0;}
.Productoriix{float: left;width: 100%;}
.Productoriix div{float: left;width: 50%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.Productoriix img{width: 90%;margin: auto;display: block;}
/*1f*/
.yywef{float:left;width: 100%;background-color: #f2f2f2; padding-bottom: 20px;}
.yywefbox{margin: auto; width: 100%;}
.yywef-top{float: left;width: 100%;position: relative; background-color: #fff;padding: 10px 30px;box-sizing: border-box; text-align: center;}
.yywef-top p{width: 100%;float:left;font-size: 22px; color: #000000;line-height: 40px; }
.yywef-top ul{float:left;width: 100%;}
.yywef-top ul li{float: left;font-size: 14px; margin-right:0.875rem;line-height: 30px;}
.yywef-top ul li a{color: #666666; }
.yywef-top ul li a:hover{ color: #a149dc;}
.yywef-top small{position: absolute;right: 25px;bottom: 18px;}
.yywef-top small a{ color: #666666;}
.yywef-top small a:hover{color: #a149dc;}
.yywef-li{float: left;width: 100%;}
.yywef-liig{float: left;width: 292px;height: 826px; margin-top: 12px;display: none;}
.yywef-liig:hover{opacity: 0.9;}
.yywef-liig img{width: 100%;height: 826px;}
.yywef-li ul{float: left;width: 100%; padding-left: 2.6%;box-sizing: border-box;}
.yywef-li ul li{float: left;position: relative; width:48%;background-color: #fff; margin: 0.625rem 1.4% 0 0 ;}
.yywef-li ul li input{ -webkit-appearance: none; width: 20px; height: 20px; position: absolute;border-radius: 0; right: 5px; top: 5px; z-index: 10; cursor: pointer;}
.yywef-li ul li:hover{ outline: #a149dc solid 1px;opacity: 0.9;}
.yywef-liimg{float: left;width: 100%;height: 10.95625rem;position: relative; display: flex;align-items: center;justify-content: center;overflow: hidden;}
.yywef-liimg img{width: 100%;}
.yywef-liimg div{position: absolute;top: 0;width: 100%; height: 10.95625rem;z-index: 8;line-height: 10.95625rem;color: #fff;text-align: center;font-size: 14px; background-color: rgba(0, 0, 0, 0.65);}
.yywef-lis{ margin:0px 4%;position: relative;height: 90px; padding: 2px 0 10px 0px; box-sizing: border-box;width: 92%;float: left; border-top:1px dashed #ddd; }
.yywef-lis p{ color: #242424;font-size: 15px;text-align: left;line-height: 20px;height:auto;display: -webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break: break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.yywef-y{float: left;position: absolute;bottom: 10px; color: #e72222;font-size: 18px;letter-spacing: -0.5px;font-weight:bolder;line-height: 20px; margin-top: 0.875rem;}
.yywef-y small{ color: #999;font-size: 14px;font-weight: normal; text-decoration: line-through;display: inline-block;margin-left: 8px;}
.yywef-gow{position: absolute;bottom: 10px;text-align: center;display: flex;align-items: center;justify-content: center; right: 6px;width:1.875rem;height:1.875rem; background-color: #a149dc;border-radius: 0.3125rem; }
.yywef-gow span{margin: auto;display: block;font-size: 18px; transform: rotateY(180deg); /* 水平镜像翻转 */}
.yywef-gow img{width: 37px;height: 35px;}
.yywef-off-todas{position: absolute;top: 0;left: 0;background: url(../images/yy29.png) no-repeat;background-size: 95px 28px; width:95px;height: 28px;text-align: left;text-indent: 18px; color: #fff;line-height: 28px;font-size: 14px; }
/*分页*/
.todas-list{float: left;width: 100%; padding: 20px 0 20px 0;text-align: center;background-color: #f2f2f2;}
.todas-list li{cursor: pointer; display: inline-block; border: 1px solid #dddddd;background-color: #fff; height: 25px;line-height: 25px; margin: 0 4px 6px 4px; font-size: 12px;}
.todas-list li.active{background-color: #a149dc;}
.todas-list li.active a{ color: #fff;}
.todas-list li.active span{ color: #fff;}
.todas-list li a{color: #666666; padding: 0 20px;}
.todas-list li span.page-link{ padding: 0 20px;}
/*详情页*/
/*详情页*/
.detaildaaxun{ position:fixed;top:0; z-index:11; left:0;right:0; width:100%; background: -webkit-linear-gradient(left, #fff , #fff);
background: -o-linear-gradient(right, #fff, #fff);
background: -moz-linear-gradient(right, #fff, #fff);
background: linear-gradient(to right, #fff , #fff);height:2.8125rem; line-height:2.9rem; overflow:hidden; color:#000; font-size:1.0625rem; text-align:center;}
.detaildaaxun span{ color: #a149dc;font-size: 0.875rem;}
.detaildaaxun a{ position:absolute;left:0.5rem;}
.detaildaaxun a img{width:1.25rem;}
.detaildaaxun span{ position:absolute;right:0.5rem;top:0rem;}
.detaildaaxun span img{ width:1.25rem;}
.piantuan-text{ float: left; width:100%; font-weight:normal; border-top:1px solid #eee; margin-top: 0.625rem; display: flex;justify-content: left;align-items: center; color: #666; font-size: 0.8125rem; height: 2.5rem;}
.piantuan-text i{ font-style: inherit; font-size: 0.3125rem; color: #999; margin-left: 0.3rem; margin-right:0.3rem ; }
.main_visual{height:23.4375rem;overflow:hidden;position:relative; margin-top:2.8125rem; width:100%;z-index:5;}
.main_image ul{width:9999px;height:23.4375rem;overflow:hidden;z-index:5;;position:absolute;top:0;left:0; width:100%;}
.main_image li{float:left;width:100%;height:23.4375rem;z-index:5;}
.main_image li a{display:block;width:100%;height:23.4375rem;z-index:5;}
.main_image li img{ width:100%; height:23.4375rem;z-index:5;}
.flicking_con{position:absolute;bottom:10px; margin:auto; display:block;z-index:8;width:100%;height:15px; }
.flicking_con span{ width:100%; margin:auto; display:block; height:15px; text-align:center;}
.flicking_con a{ line-height:-1000px; margin:auto; display: -webkit-inline-box;width:8px;height:8px;background:#fff; border-radius:50px; margin-left:1px; margin-right:1px;text-indent:-1000px}
.flicking_con a.on{background:#a149dc;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
.leans{ float:left; width: 92%;padding: 0.625rem 4% 0 4%;background-color: #fff;}
.leans-le{ float: left; color: #e72222; font-size: 1.3125rem; letter-spacing: 1px;}
.leans-le sub{ font-size:0.875rem;position: relative;top:0.05rem;}
.lenans-les{ display: inline-block; color: #909090;font-size:0.8125rem;vertical-align: bottom;text-decoration: line-through; position: relative;top:0.2rem; margin-top: 0.2rem; margin-left: 0.1rem;}
.leans-ri{ float: right; font-size: 0.75rem; color: #666; margin-top: 0.5rem; }
.leans-text{float:left; width: 92%; font-weight: bold;background-color: #fff; padding: 0.45rem 4% 1rem 4%; color: #000;line-height: 1.3rem; font-size: 0.9375rem; border-bottom: 0.55rem solid #f1f1f1;}
.leans-text p{ font-size: 0.75rem;font-weight: normal; color: #666; margin-top: 0.45rem; display: flex;align-items: center;justify-content: left;}
span.piantuanspan{ line-height: 1.1rem; height: 1rem; display: inline-block;background-color: #a149dc; color: #fff; font-size: 0.7125rem;position: relative;top:0px; border-radius: 0.2rem; padding:0rem 0.1rem; margin-right: 0.15rem;}
.leans-imgtex{ float: left; width: 100%; padding-bottom:3.125rem;background-color: #fff; }
.leans-imgtexs{ width: 100%;border-bottom:1px solid #f1f1f1; float: left; height: 3.3rem;line-height:3.3rem; text-align: center; color: #000; font-size: 0.9375rem;}
.leans-imgtexs li{float: left; width: 50%;position: relative;}
.leans-imgtexs li.active{color: #333;font-weight:bold ;}
.leans-imgtexs li:nth-last-child(1):before {content: " ";width: 1px;position: absolute; left: 0; height: 1rem;top:1.1rem;background-color:#999;}
.leans-imgtexsa {float: left;width: 100%;}
.leans-imgtexsa li{display:none;}
.leans-imgtexsa li.thisclass{display: list-item;}
.detaappsx{float: left;width:50%; padding-left: 2.6%;box-sizing: border-box;line-height: 1.8rem;font-size: 0.8125rem;}
.leans-imgtexsa ul li .detaappsx span:nth-last-child(1) i{opacity: 0;}
.leans-imgtexsa{ float: left; width: 94.8%; line-height: 1.4rem; font-size: 0.8125rem; color:#444; margin: 0.45rem 2.6% 0 2.6%;}
.leans-imgtexsa img{width: 100%;float: left; }
.detail-daaxun-xtuimg{ float:left; width:100%;}
.detail-daaxun-xtuimg img{ margin:auto; width:100%; display:block;}
.detail-daaxun-footer{ position:fixed; bottom:0;left:0;right:0; overflow:hidden; background-color:#fff; font-size:0.625rem; text-align:center; height:3.1rem; }
.detail-daaxun-footer .detail-daaxun-footers1{ width:15%;position: relative; float:left; height:3.1rem;}
.detail-daaxun-footer .detail-daaxun-footers1 span{position: absolute;display: inline-block; left: 0.5rem;top: 0.5rem; min-width: 0.9378rem; border-radius: 1000rem; color: #fff;font-size: 0.75rem;background-color: #e72222;}
.detail-daaxun-footer .detail-daaxun-footers1 img, .detail-daaxun-footer .detail-daaxun-footers2 img{ margin:auto; display:block; width:1.5rem; margin-top:0.4rem; margin-bottom: 0.15rem;}
.detail-daaxun-footer .detail-daaxun-footers2{ width:15%; float:left; height:3.1rem;}
.detail-daaxun-footer .detail-daaxun-footers1 a, .detail-daaxun-footer .detail-daaxun-footers2 a{ color:#333; line-height:0.9375rem;}
.detail-daaxun-footer .detail-daaxun-footers2 a.active{ color:#ff5b13; }
.detail-daaxun-footer .detail-daaxun-footers3{width:35%;float:left; height:3.5rem; background-color:#e62e04;}
.detail-daaxun-footer .detail-daaxun-footers4{width:35%;float:left; height:3.5rem; background-color:#f2b205;}
.detail-daaxun-footer .detail-daaxun-footers3 a, .detail-daaxun-footer .detail-daaxun-footers4 a{ color:#fff; font-size:0.92rem; line-height:3rem; overflow:hidden;}
/*弹出状态1 优惠券*/
.yuyuediv{ margin:auto;width:94%;}
.youhuidiv{ background-color: #fff; min-height: 23rem; margin: auto; padding: 0 0rem 2rem 0rem;}
.youhuidiv p{ width:100%; float:left; color:#555555; line-height:3.125rem; font-size:0.9375rem; text-align:center;}
.youhuidivsm{width:100%; float:left; text-indent:0.5rem; margin:0.4rem 0; color:#999; font-size:0.8125rem; text-align:left;}
.youhuidivsmli{ float:left; width:100%; height:4.6875rem; margin-bottom:0.8rem;}
.youhuidivsmli .youhuidivsmlile{ float:left; width:65%; padding-left:5%; height:4.6875rem; background:url(../images/imgages45.png) no-repeat left 0; background-size:100% 4.6875rem;}
.youhuidivsmli .youhuidivsmlile .acka1{ width:100%; color:#ff6323; font-size:0.8125rem;line-height:1.4rem; margin-top:0.8rem; letter-spacing:1px;}
.youhuidivsmli .youhuidivsmlile .acka1 span{ font-size:1.625rem;color:#ff6323; display:inline-block; position:relative;top:-0.2rem; }
.youhuidivsmli .youhuidivsmlile .acka2{ width:100%; color:#999; font-size:0.625rem;line-height:1rem;}
.youhuidivsmli .youhuidivsmlile .acka3{ width:100%; color:#ff6323; font-size:0.625rem;line-height:1rem;}
.youhuidivste{ float:left; width:100%; text-align:center; font-size:0.6875rem; color:#b3b3b3; line-height:2.35rem;}
.youhuidivsmli .youhuidivsmliri{ float:right; width:30%; height:4.6875rem; background:url(../images/imgages45.png) no-repeat right 0; background-size:100% 4.6875rem;}
.youhuidivsmli .youhuidivsmliri a{ height:100%; width:100%; line-height:4.6875rem; color:#ff6323; font-size:0.875rem; text-align:center;}
/*弹出状态3 购物车*/
#s1{position: fixed; width: 100%; bottom: -120%;left:0; z-index: 20; background-color: rgba(0, 0, 0, 0.66); height: 100%;}
#s1 .zhuantai3{ width:91%; margin:auto; background-color:#fff; border-top-left-radius:8px;border-top-right-radius:8px;}
.s1box{position: absolute;bottom:0%; z-index: 20; background-color: #fff; width: 100%; border-top-left-radius:8px;border-top-right-radius:8px;}
.weui-count__number{ display: inline-block; float: left; color: #000; border-radius:0; background-color: #eee; width: 1.8rem; height: 1.8rem; text-align: center; font-size: 0.875rem; line-height: 1.8rem; font-size: 0.625rem;}
#s1 .zhuantai3 .zhuantai3bo{ float:left; width:100%; position:relative; margin-bottom:0.625rem;}
#s1 .zhuantai3 .zhuantai3bo .zhuantai3s{ float:left;}
#s1 .zhuantai3 .zhuantai3bo .zhuantai3s img{ width:6.25rem; margin-top:-2.1rem; height:6.25rem; border-radius:4px; }
#s1 .zhuantai3 .zhuantai3bo .zhuantai3text{width: 65%; float:left; margin:0.625rem 0px 0 0.875rem;}
#s1 .zhuantai3 .zhuantai3bo .zhuantai3text p{ font-size:1.0625rem; color:#ff0000; line-height:1rem; text-align:left;}
#s1 .zhuantai3 .zhuantai3bo .zhuantai3text p.active{ color:#666; font-size:0.8125rem; margin-top: 0.25rem; }
#s1 .zhuantai3 .zhuantai3bo .zhuantai3text p.active span{ margin:0px 0.25rem; position:relative;top:-0px;}
#s1 .zhuantai3 .zhuantai3bo .zhuantai3textim{ position:absolute;right:-0.4rem;}
#s1 .zhuantai3 .zhuantai3bo .zhuantai3textim img{ width:1.625rem; margin-top:0.4rem;}
#s1 .zhuantai3list{ float:left; width:100%;}
#s1 .zhuantai3lists{ float:left; width:100%; text-indent:4.5%; color:#000; font-size:0.8125rem; line-height:2.875rem;}
#s1 .zhuantai3lists li{line-height: 1.25rem;float: left; margin:0rem 0.5rem 1rem 0.5rem; }
#s1 .zhuantai3list ul{ display:block; width:97%; float:left; margin: auto; margin-left:3%; overflow:hidden; display: table; text-align: -webkit-center; }
#s1 .zhuantai3list li{ border:1px solid #e1e1e1; padding:0.25rem 0.25rem; display:inline-block; font-size:0.8125rem; color:#333; text-align:center; float:left; margin:0rem 1rem 1rem 0.25rem; }
#s1 .zhuantai3list li.active{ color:#e72222; border:1px solid #e72222;}
#s1 .zhuantai3list .detaapptis li.thisclass{ display: block; border: 1px solid #e1e1e1;}
#s1 .zhuantai3listjz{ float:left; width:90%;margin-top: 0.5rem; border-bottom:1px solid #ddd;border-top:1px solid #ddd; margin-bottom:1rem; margin-left:5%; text-align:left; color:#333; font-size:0.8125rem; line-height:3.5rem;}
#s1 .zhuantai3listjzs{ float: right; overflow:hidden; margin: auto; display: table; -moz-box-sizing: border-box; box-sizing: border-box;text-align: -webkit-center;margin-top: 0.95rem;}
#s1 .zhuantai3listjzs span.active1{ display:inline-block; float:left;color:#b4b4b4; background-color:#eee; width:1.8rem; height:1.8rem; text-align:center; line-height:1.8rem; font-size:1.5rem;}
#s1 .zhuantai3listjzs span.active2{ border-radius:0; display:inline-block; float:left; -webkit-appearance: none; background-color:#ddd; line-height:1.5rem; display:inline-block;color:#111; width:1.5rem; height:1.5rem; padding-top:0rem; text-align:center; font-size:0.8125rem;}
#s1 .zhuantai3listjzs span.active3{ display:inline-block; float:left;color:#ff3f13;background-color:#eee; width:1.8rem; height:1.8rem; text-align:center; line-height:1.8rem; font-size:1rem;}
#s1 .zhuantai3listjzq{ width:100%; float:left; line-height:3.0625rem; height:3.0625rem; border-top:1px solid #f5f5f5; }
#s1 .zhuantai3listjzq a{width:100%; background-color:#e72222; line-height:3.15rem; overflow:hidden; text-align:center; color:#fff; font-size:1.0625rem;}
.leans-qbox{position:fixed;top:0;left:0;right: 0;z-index:25; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75);}
.leans-qboxs{position: absolute;top:30%;left:9.75%; width: 80.5%; background-color: #fff; border-radius: 0.625rem;}
.leans-qboxt{ float: left; width: 100%; border-bottom: 1px solid #dcdcdc; height: 3.125rem;line-height: 3.125rem; text-align: center;position: relative; color: #111; font-size: 1rem;}
.leans-qboxt img{position: absolute;right: -0.92rem;top:-0.92rem; width: 1.84375rem; height: 1.84375rem;border-radius: 100px;}
.leans-ulbox{float:left; width: 100%; border-bottom: 0.55rem solid #f1f1f1; border-radius: 0.625rem; overflow: auto; height: 18rem;}
.leans-ulbox ul{ width: 100%; float:left;}
.leans-ulbox ul li{ float: left; width: 96.5%; padding-top: 0.8rem; margin-left: 3.5%; height: 3.10625rem; border-bottom: 1px solid #f1f1f1; }
.leans-ulbox ul li .leans-qimg{float: left; width: 60%; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; color: #333; font-size: 0.9375rem;}
.leans-ulbox ul li .leans-qimg img{width: 2.4375rem; height: 2.4375rem; border-radius: 100rem; margin-right: 0.5rem;}
.detalibox{float:left;width: 100%;position: relative; text-align: center;color: #222222;line-height: 34px;border-bottom: 1px solid #eeeeee; padding: 8px 0;display: flex;align-items: center;justify-content: space-between;}
#s1 .zhuantai3list .detaapptis li .detalibox:nth-last-child(1){border: 0;}
.detalles-sizeq{float: left;height: 1.5rem; padding: 0 5px; min-width: 1.5rem;border: 1px solid #ddd;line-height: 1.5rem; font-size: 0.875rem; margin-right: 0;}
.detalles-sizew{position: relative;float: left; left: 10%; font-size: 0.875rem; margin-right: 0;}
.detalles-sizee{position: absolute;left: 30%;width: 100px; float: left;font-size: 0.875rem;text-align: center;}
.detalles-sizer{float: right; margin-right:0.5rem;}
#s1 .zhuantai3list .detaapptis li{width: 95%; margin-left: 1%; display: none;box-sizing: border-box;}
#s1 .zhuantai3list .detaapptis li.thisclass{display: list-item;}
.detalles-sizer small{float:left; border: 1px solid #e5e5e5;cursor: pointer; width: 27px;height: 27px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.detalles-sizer small img{width: 24px;height: 24px;}
.detalles-sizer input{-webkit-appearance: none;font-family: "微软雅黑"; float:left;border: 1px solid #e5e5e5;width: 40px;height: 17px; padding: 4px 0;line-height: 17px; color: #333333;font-size: 12px;text-align: center;}
.detalles-sizer input::-webkit-input-placeholder{color: #222;font-family: "微软雅黑"; }
.detalles-qis{float: left;background-color: #eee;height: 42px;width: 100%; margin: 16px 0;line-height: 42px;}
.detalles-qisl{float: left;font-size: 16px; margin-left: 1rem;}
.detalles-qisls{float: left; color: #e72222; margin-left: 130px;font-weight: bold;font-size: 18px;}
/*login*/
.login{float: left;width: 100%;background-color: #f4f4f4;}
.loginbox{margin: auto;width: 100%;}
.login-a{float: left;width: 100%;position: relative; margin: 10px 0 65px 0; background-color: #fff}
.login-as{position: absolute;left: 20px;top: 15px;}
.login-as li{display: inline-block; font-size: 14px;}
.login-as li a{ color: #666666;font-size: 16px;}
.login-as li a:hover{ color: #000000;}
.login-as li.active a{ color: #000000;}
.login-s{float: left;width: 100%; padding: 45px 4% 85px 4%;box-sizing: border-box;}
.login-sh{float: left;width: 100%; margin: 30px 0 0 0px; }
.login-sbox{margin: auto;text-align: center; width: 100%;}
.login-sh h1{ color: #000000;float: left;width: 100%; margin-bottom: 20px; font-size: 16px;text-align: center;}
.login-datos{float: left;width: 100%;text-align: left;margin-bottom: 20px;}
.login-datos p{font-size: 14px; color: #222; padding-bottom: 8px;}
.login-datos p sup{ color:#e72222;}
.login-datos input{-webkit-appearance: none;font-size: 14px; border: 1px solid #dddddd;height: 42px; width: 100%;box-sizing: border-box;text-indent: 10px;}
.login-datss{float: left;width: 100%;}
.login-datosa{width:48.4%;text-align: left;margin-bottom: 20px;}
.login-datosa img{height: 50px;width: 165px}
.login-datosa:nth-child(odd){float: left;}
.login-datosa:nth-child(even){float: right;}
.login-datosa p{font-size: 14px; color: #222; padding-bottom: 8px;height: 2rem;}
.login-datosa p sup{ color:#e72222;}
.login-datosa input{-webkit-appearance: none;font-size: 14px; border: 1px solid #dddddd;height: 42px; width: 100%;box-sizing: border-box;text-indent: 10px;}
.loginbot{float: left;width: 100%;text-align: center; margin-top: 30px;}
.loginbot input{-webkit-appearance: none;margin: auto;display: block; height: 44px; padding: 0 5rem;letter-spacing: 1px; background-color: #a149dc;color: #fff;font-size:16px; color: #ffffff;}
.loginbot input:hover{background-color: #7916bc;
transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out; }
.loginbot input:active{background-color: #000;}
.login-datosa input:focus, .login-datos input:focus{border:1px solid #9436d4;
transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
}
.login-i{float: left;width: 100%;text-align: left; color: #222222;font-size: 14px;position: relative;top:-8px;}
.login-i input{-webkit-appearance: none;width: 14px;height: 14px;cursor: pointer; border:1px solid #eee;}
/*list*/
.app-detayy{float: left;width: 100%; margin-top: 2.8125rem; padding-bottom:6.5rem;}
.app-detayy li{float: left;width: 100%;background-color: #fff; border-top: 1px solid #eee; border-bottom:0.625rem solid #eee; padding: 0.625rem 0 0 0; }
.app-detayytop{float: left;width: 100%;}
.app-detayytop{float: left;width: 100%;border-bottom: 1px solid #eee; padding-bottom: 0.625rem;}
.app-detayyle{float: left;width: 15%;text-align: center;display: flex;align-items: center;justify-content: center;height: 1.8rem;}
.app-detayyle input{-webkit-appearance: none;width: 1.25rem;height: 1.25rem;}
.app-detayyri{float: left;width: 85%;}
.app-detayyrii{float: left;width: 5.25rem;height: 5.25rem;}
.app-detayyrii img{width: 100%;}
.app-detayyp{float: left;width: 65%; margin-left: 0.625rem;}
.app-orheiq strong{font-weight: normal; display: inline-block; padding: 2px 0.625rem 0 0.625rem; margin-right: 0.5rem; background-color:#a149dc;color:#fff;font-size: 0.8125rem; text-align: center}
.app-detayyp strong{font-weight: normal; display: inline-block;padding: 2px 0.625rem 0 0.625rem; background-color:#a149dc;color:#fff;font-size: 0.8125rem; text-align: center;}
.app-detayyp small{font-size: 0.875rem; color: #999;}
.app-detayyp p{width: 100%;float: left;font-size: 0.875rem; display: -webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break: break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.app-detayyp span{background-color: #a149dc;display: inline-block; padding: 0 0.625rem; color: #fff;text-align: center;font-size: 0.875rem;}
.app-detayybi{float: left;width: 100%;}
.app-detayybis{float: left;width: 100%;background-color: #fff;margin-top:0.625rem;}
.app-detayysri{float: left;width: 90%;margin-left: 5%; position: relative; border-bottom: 1px solid #eee;}
.app-detayysri small{float: left;color: #777; font-size: 0.875rem; }
.app-detayysris{float: right;margin-right:1rem;}
.app-licocoxr{float: left;width: 68%; margin: 0.5rem 0;}
.app-detayysris span{font-size: 0.875rem; color: #e72222;}
.app-detayysria{position: absolute;right:0rem;bottom: 2.1rem;}
span.ddjdco{background-color: none; display: inline-block;padding: 0 0.625rem 0 0rem; color: #333; text-align: center;font-size: 0.875rem;}
.app-licocox{float: left;width: 100%;position: relative;}
.app-licocox span.ddjdco{float:left;}
.app-licocoxs{float: left;width: 100%; margin-top: 0.25rem; margin-bottom: 0.2rem;}
.list-lixtssi{position: absolute;right: 0;height:26px; display: flex;align-items: center;justify-content: flex-start;}
.list-lixtssi strong{ color: #999;font-size: 0.875rem;display: inline-block;width:110px;text-align: center; height: 1.25rem; margin-top: 0.5rem;}
.list-lixtssi span{float: left;width: 26px;height: 26px; cursor: pointer; border: 1px solid #d6d6d6;background-color: #f9f9f9;box-sizing: border-box;}
.app-detayyfoo{position: fixed;bottom: 3.125rem;width: 100%;height: 3.125rem;line-height: 3.125rem; background-color: #fff;border-top:1px solid #ddd; }
.app-detayyfool{float: left;display: flex;align-items: center;justify-content: center;height: 3.125rem;width: 12%; padding-left: 0.5%;}
.app-detayyfool input{-webkit-appearance: none;width: 1.25rem;height: 1.25rem;}
.app-detayyfoos{float: left;font-size: 0.8125rem;line-height: 1.4rem; }
.app-detayyfoos span{display: block; color: #e72222;}
.app-detayyfooc{float: left;width: 35.2%;}
.listzhongji{float: left;width: 100%; padding: 0 4.5%;box-sizing: border-box;background-color: #fff;}
.listzhongji p{float: right;font-size: 0.875rem; color: #333;line-height: 2rem; margin-left: 0.875rem;}
.listzhongji span{ color: #e72222;}
.detagglibox{float: left;width: 100%;}
.detaggli{float: left;width: 100%; max-height: 24rem;overflow: auto; }
.detaggli .app-detayysri{margin-top: 0.625rem;}
.app-detayyfooc span{font-size: 0.8125rem;width: 100%;float: left;line-height: 1.5rem; display: inline-block;}
.app-detayyfoor{float: right;background-color: #e62e04;position: relative; width: 25%;height: 3.125rem; text-align: center;}
.app-detayyfoor input{-webkit-appearance: none;background-color: #e62e04;width: 100%;height: 3.125rem;font-size: 0.875rem; color: #fff;text-align: center;}
.app-detayyfoor span{color: #fff;position: absolute;width: 100%;left: 0;top:1rem;font-size: 0.875rem; padding: 0 5%;box-sizing: border-box; word-break: break-all;line-height: 1rem;}
.shancubox{position: fixed;display: none; width: 100%;height: 100%;z-index: 20; top: 200px;text-align: center;}
.shancuboxs{margin: auto;display: inline-block; position: relative; width:80%;background-color: #fff;border-radius:10px;box-shadow: 0 0 10px #ddd; }
.shancuboxs h1{font-size: 20px;line-height:60px;float: left;width: 100%; }
.shancuboximg{position: absolute;right: 10px;top: 10px;cursor: pointer;}
.shancuboximg img{width: 20px;height: 20px;}
.shancutext{float: left;width: 100%;}
.shancutext p{float: left;text-align: center; width: 100%; padding: 0 10%;box-sizing: border-box; margin-bottom: 50px;}
.shancutexts{float:left; width: 100%;text-align: center; margin-bottom: 20px;}
.shancutexts a{display: inline-block;background-color: #eee;line-height: 36px; padding: 0 15px; margin: 0 5px; color: #333; }
.shancutexts a.active{background-color: #e62e04; color: #fff;}
/*sobre*/
.sobrebox{float: left;width: 100%;margin-top: 2.8125rem; padding: 1rem 2.6%;box-sizing: border-box; background-color: #fff;border-top:1px solid #eee;}
.sobrebox p{ color: #333;font-size: 14px;line-height: 24px;}
.sobrebox p.active{font-weight: bold; margin-top: 10px; margin-bottom: 5px;}
.sobrebox img{max-width: 100%;}
/*order*/
.add-cam {float: left; width: 100%; margin-top: 0.625rem; margin-bottom: 12px;}
.app-order{float: left;width: 100%; border-top:1px solid #eee;}
.app-order .tab-bd li{float: left;width: 100%;}
.app-orhes{float: left;width: 100%; color: #000; font-size: 0.8125rem; padding-bottom: 0.625rem; border-bottom: 1px solid #eee; margin-bottom: 0.5rem}
.app-orhes span{text-align: left;float: left;}
.app-orhes span.orle{float: right;}
.app-orhei{float: left;width: 100%;}
.app-orheis{float:left; margin-bottom: 0.625rem;}
.app-orheis img{width: 5.625rem;height: 5.625rem;}
.app-orheiq{float: left;width: 70%;box-sizing: border-box; padding: 0.5rem; color: #000;background-color: #eee; font-size: 0.8125rem;height: 5.5625rem;position: relative; margin-left: 0.625rem;}
.app-orheiq p{font-size: 0.875rem; margin-bottom: 0.625rem;}
.app-orheiqs{float: left;width: 100%; border-bottom: 1px solid #eee;color: #666;font-size: 0.8125rem; margin-bottom: 0.5rem;}
.app-orheiqs span small{font-size: 0.875rem; margin-right: 0.875rem;}
.app-orheiqs span{float: left;width:100%;text-align: left; margin-bottom: 0.4rem;}
.app-orheiqs div span{width: auto;float: right; margin-left: 0.625rem;}
.app-orheiqs div span.active{position: absolute;left: 0; color: #e72222;margin: 0;}
.app-orheiqs div{float: right; margin-bottom: 0.2rem;width: 100%;position: relative;text-align: right;}
.app-orheiw{float: left;width: 100%; padding-top: 0.625rem;}
.app-orheiw span{display: inline-block;float:right;background-color:#000; padding: 0 0.875rem;font-size: 0.8125rem; height: 1.875rem; line-height: 1.875rem; color: #fff; margin-left: 0.625rem; }
.app-orheiw span.active{border: 1px solid #000;box-sizing: border-box;background-color:#fff; color: #000;}
.app-orjia{float: left;color: #000;font-size: 0.875rem; line-height: 1.875rem;}
.app-orjia sub{float: right; color:#e72222;font-size: 0.9375rem;position: relative;top: -1px;}
.app-orjias{float: left;width: 100%; color: #000;font-size: 0.875rem; line-height: 1.875rem;}
.app-orjias sub{color: #333;}
.app-orjias sub.active{ color: #e72222;}
.app-orheli{float: left;width: 100%; border-bottom: 0.625rem solid #eee; padding: 0.625rem 2.6%; background-color: #fff; box-sizing: border-box;}
.app-ordertab{float: left;width: 100%; margin-top: 2.8125rem;}
.app-ordertab ul{float: left;width: 100%;text-align: center;display: flex;align-items: center;justify-content: center; }
.app-ordertab ul li{width: 20%;float: left; font-size: 0.8125rem;height: auto;line-height: 1.2rem; padding: 0.4rem 0; word-break: break-all; }
.app-ordertab ul li.active{ font-weight: bold;}
.app-order li.thisclass{display: block;}
/*.app-order li{display: none;}*/
/*orderxq*/
.orderxqbox{float: right;width: 50%;}
.add-orders{float: left;width: 100%; margin-top: 2.8125rem; border-top:1px solid #eee; border-bottom: 0.625rem solid #eee; font-size: 12px; background-color: #fff; padding:20px;box-sizing: border-box;}
.add-ordersl{float: left;120px; color: #666;float: left;}
.add-ordersc{float: left;width:100%; margin-left:0rem;}
.add-ordersc p{width: 85%;float: left; color: #000;font-size: 0.8125rem; margin-bottom: 4px;}
.add-ordersc p textarea{ padding: 5px;width: 100%;height: 70px;font-size: 0.8125rem; border-radius: 0; border: 1px solid #ddd; margin: 10px 0;}
.add-ordersc p img{width: 18px;height: 18px; margin-right: 4px;}
.add-ordersc p span{margin-right: 15px;float: left;}
.add-ordersc a{color: #fff; margin-top: 10px;text-decoration: underline;}
.add-ordersc a:hover{text-decoration: underline;}
.order-addri{float: left;width: 530px;text-align: center;font-size: 14px; }
.order-addri p{width: 100%;float: left; padding: 0 20px;box-sizing: border-box; margin-top: 50px; }
.order-addri p span{ color: #e72222;font-size: 16px;font-weight: bold;}
.orderxq {
float: right;
text-align: right; width: 100%;
}
.orderxq span {
width:50%;
text-align: left;
color: #e62e04;
font-weight: bold;
font-size: 16px;
float: left;
}
.orderxq a {
background-color: #f83c11;
color: #fff;
font-size: 12px;
text-align: center;
height: 32px;
line-height: 32px;
padding: 0 10px;
margin-top: 0;
margin-bottom: 5px;
display: inline-block;
}
/*个人中心*/
.prerapp-br{float: left;width: 100%;height: 9rem;
background: -webkit-linear-gradient(left, #cb7dff , #a149dc);
background: -o-linear-gradient(right, #cb7dff, #a149dc);
background: -moz-linear-gradient(right, #cb7dff, #a149dc);
background: linear-gradient(to right, #cb7dff , #a149dc);
}
.prerapp-brs img{width: 3.875rem;height: 3.875rem;border-radius: 100rem;margin-right:0.625rem ;}
.prerapp-brs a{display: inline-block; color: #fff;}
.prerapp-brs{flex: left;line-height: 9rem; color: #fff;font-size: 1.0625rem;margin-left: 0.625rem;}
.prerapp-li{float: left;width: 100%;background-color: #fff;}
.prerapp-li li{float: left;width: 20%;text-align: center;font-size: 0.8125rem; margin: 0.625rem 0 0.625rem 0 ; word-break: break-all;}
.prerapp-li li img{width: 2.25rem;height:2.25rem; margin: auto;display: block;}
.prerapp-li li a{color: #000;}
.prerapp-lih{float: left;display: flex;align-items: center;justify-content: flex-start;font-size: 1rem; border-bottom: 1px solid #e4e4e4;width: 100%;height: 2.8125rem;line-height: 2.8125rem; }
.prerapp-lih span{height: 1.25rem;margin-left: 0.625rem;margin-right: 0.625rem; display: inline-block; background-color: #b865ef;width: 4px;border-radius: 2px;float: left;}
.prerapp-i{float: left;width: 100%; border-top:0.625rem solid #f5f5f5;padding-bottom: 4rem;}
.prerapp-i li{float: left;width: 100%;height: 3.125rem;display: flex;align-items: center;justify-content: flex-start; line-height: 3.125rem; background:#fff url(../images/imgages28.png) 95% center no-repeat;background-size:1.25rem 1.25rem; border-bottom: 1px solid #ddd;box-sizing: border-box; padding: 0 3%;}
.prerapp-i li a{ color: #000;width: 100%; font-size: 0.875rem;}
.prerapp-le{float: left;}
.prerapp-le img{width: 2.25rem;}
/*个人信息*/
.personal{float: left;width: 100%; padding: 0 20px;box-sizing: border-box; margin-top: 2.8125rem;}
.personal-le{float: left;width: 100%;}
.personal-le h1{font-size: 14px; color: #000;line-height: 60px;}
.personal-lext{float: left;width: 100%; margin-bottom: 20px;display: flex;align-items: center;justify-content: flex-start;}
.personal-lext span.pele{float: left;width: 40%;;font-size: 0.875rem;;word-break: break-all;}
.personal-lext input{-webkit-appearance: none;float: left;text-indent: 10px; width: 450px;border: 1px solid #dddddd;height: 37px;font-size: 0.875rem; box-sizing: border-box;}
.personal-lext input.deftcto{-webkit-appearance: none;float:left;position: relative;left: -3.5rem;}
.personal-lextxt{float: left;width: 100%; margin-bottom: 30px;display: flex;align-items: center;justify-content: flex-start;}
.personal-lextxt span{float: left;width: 40%;font-size: 13px;word-break: break-all;}
.personal-lext input.deftcto:hover{ border: 1px solid #ddd;}
.personal-lext input:hover{border: 1px solid #000;
transition:All 0.3s ease-in-out;
-webkit-transition:All 0.3s ease-in-out;
-moz-transition:All 0.3s ease-in-out;
-o-transition:All 0.3s ease-in-out;}
.personal-alt{float: left;width: 100%;text-align: center; margin-bottom: 3rem;}
.personal-alt input{-webkit-appearance: none;height: 40px;background-color: #000;font-size: 14px; color:#fff;text-align: center; padding: 0 50px;}
.personal-ris{float: right;text-align: center; width: 100%; margin-top: 60px;position: relative; margin-right:0;}
.personal-ris img{position: absolute;z-index: 5; width: 120px;height: 120px;border-radius: 100rem;left: 50%; margin-left:-60px; right: 0;}
.personal-ris input.perssi{-webkit-appearance: none;position: absolute;z-index: 10;opacity: 0; right: 0;left: 0;top: 0; width: 120px;height: 120px;left: 50%; margin-left:-60px;border-radius: 100rem;}
.personal-ris input.perssc{-webkit-appearance: none; cursor: pointer; height:34px;background-color: #000;width: 120px; margin-top: 150px; color: #fff;text-align: center; font-size: 0.8125rem; padding: 0 0px;}
.peorimgap{position: fixed;bottom:4.2rem;right:20px;z-index: 15; }
.peorimgap img{width: 2.875rem;height: 2.875rem; }
/*add*/
.addapp{float:left;width: 100%; margin-top: 2.8125rem; }
.address{ width:100%; float:left; border-top:1px solid #eee;}
.address li{ background-color:#fff; width:100%; min-height:6.5625rem; border-bottom:1px solid #ddd; margin-bottom:0.625rem; position:relative; float:left;}
.address li .address-tex{ width:95%; position:relative; border-bottom:1px solid #ddd; padding-left:5%; float:right; overflow:hidden; padding:0.75rem 0;}
.address li .address-tex p{ color:#333; font-size:0.9375rem; width:70%;float:left; display: inline;}
.address li .address-tex small{ color:#666; font-size:0.8125rem; margin-right:1.2rem;}
.address li .address-xi{ float:left; width:100%; margin-top:0.3rem;}
.address li .address-img{ position:absolute;right:0.625rem;top:38%; }
.address li .address-img img{width:1.5625rem;}
.address li .address-xt{ width:95%; position:relative; min-height:2.25rem; line-height:2.25rem; float:left; padding-left:5%;}
.address li .address-xt .address-xt1{ float:left; color:#666; font-size:0.8125rem;}
.address li .address-xt .address-xt1 input{-webkit-appearance: none;width: 1.25rem;height:1.25rem; margin-right:0.5rem; margin-top:0.5rem;}
.address li .address-xt .address-xt2{float:right; color:#999; font-size:0.8125rem; margin-right:5%;}
.address li .address-xt .address-xt2 img{ width:1.5625rem; position:relative;top:-2px;}
.address li .address-xt .address-xt2 input{-webkit-appearance: none; position:absolute; width:100%; height:100%; background:none; border:none;}
.address li .address-xt .address-xt2 a{color:#999;}
.address-ceinp{ float:left; width:100%; margin:1rem 0;}
.address-ceinp input{ background-color:#000; color:#fff; text-align:center; border-radius: 100rem; border:0; width:88%; font-size:1rem; line-height:2.625rem; margin:auto; display: block;}
.app-detaxr{color: #333;font-size: 0.875rem;float: right;}
.order-addappfo{position: fixed;bottom: 0;left: 0;right: 0;width: 100%;height: 3.125rem;border-top:1px solid #eee;background-color: #fff;z-index: 10;}
.order-addappfos{float: right;width: 50%;height: 3.125rem;}
.order-addappfos input{border-radius: 0; width: 100%;height: 3.125rem;background-color:#e62e04;color: #fff;text-align: center;font-size: 1rem;line-height: 3.125rem;}
.order-addappfw{float: left; color: #333;font-size: 0.8125rem; margin-left: 0.625rem;line-height: 1.4rem;}
.order-addappfw span{margin: auto;display: block; color: #e62e04;font-weight: bold;font-size: 0.9375rem;}
/*recoger-app*/
.recoger-app{float:left;width: 100%; margin-top: 3rem; padding-bottom: 4rem;}
/*addss*/
.addssbox{float: left;width: 100%; margin-top: 1rem;}
/*单选、多选、开关*/
.aui-radio,
.aui-checkbox {
border-radius: 0;
/*width: 1.125rem;
height: 1.125rem;*/
background:#fff;
border: solid 1px #dddddd;
font-size: 0.8rem;
margin: 0;
padding: 0;
border-radius: 100rem;
position: relative;
display: inline-block;
vertical-align: top;
cursor: default;
-webkit-appearance: none;
-webkit-user-select: none;
user-select: none;
-webkit-transition: background-color ease 0.1s;
transition: background-color ease 0.1s;
}
.aui-checkbox {
}
/**/
.aui-radio:checked,
.aui-radio.aui-checked,
.aui-checkbox:checked,
.aui-checkbox.aui-checked {
background-color: #e62e04;
text-align: center;
background-clip: padding-box;
}
.aui-radio:checked:before,
.aui-radio.aui-checked:before,
.aui-checkbox:checked:before,
.aui-checkbox.aui-checked:before,
.aui-radio:checked:after,
.aui-radio.aui-checked:after,
.aui-checkbox:checked:after,
.aui-checkbox.aui-checked:after {
content: '';
width: 0.5rem;
height: 0.3rem;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.25rem;
margin-top: -0.25rem;
background: transparent;
border: 1px solid #fff;
border-top: none;
border-right: none;
z-index: 2;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.aui-radio:disabled,
.aui-radio.aui-disabled,
.aui-checkbox:disabled,
.aui-checkbox.aui-disabled {
background-color: #dddddd;
border: solid 1px #dddddd;
}
.aui-radio:disabled:before,
.aui-radio.aui-disabled:before,
.aui-radio:disabled:after,
.aui-radio.aui-disabled:after,
.aui-checkbox:disabled:before,
.aui-checkbox.aui-disabled:before,
.aui-checkbox:disabled:after,
.aui-checkbox.aui-disabled:after {
content: '';
width: 0.5rem;
height: 0.3rem;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.25rem;
margin-top: -0.25rem;
background: transparent;
border: 1px solid #ffffff;
border-top: none;
border-right: none;
z-index: 2;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.aui-switch {
width: 2.3rem;
height: 1.2rem;
position: relative;
vertical-align: top;
border: 1px solid #dddddd;
background-color: #dddddd;
border-radius: 0.6rem;
background-clip: content-box;
display: inline-block;
outline: none;
-webkit-appearance: none;
appearance: none;
-webkit-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.aui-switch:before {
width: 1.1rem;
height: 1.1rem;
position: absolute;
top: 0;
left: 0;
border-radius: 0.6rem;
background-color: #fff;
content: '';
-webkit-transition: left 0.2s;
transition: left 0.2s;
}
.aui-switch:checked {
border-color: #00ce8f;
background-color: #00ce8f;
}
.aui-switch:checked:before {
left: 1.1rem;
}
/*手机右侧滑出样式*/
a#cd-logo {display: block;float: left; height:100%;}
a#cd-logo img { display: block; width:4.5rem;}
header img.left{ float:left; overflow:hidden; height: auto; margin:0px 0px 0px 0.625rem;}
header img.right{ float:right;width:2.625rem; height: auto; margin:0.7rem 0.5rem 0px 0px;}
header{ height:3.437rem; width:100%; background:url(../images/z6.png) center center no-repeat;background-size: auto 100%; line-height:3.437rem; position: fixed;top: 0; left: 0;z-index:3;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
}
header .lateral-menu-is-open {
/* translate to show the lateral menu */
-webkit-transform: translateX(-40%);
-moz-transform: translateX(-40%);
-ms-transform: translateX(-40%);
-o-transform: translateX(-40%);
transform: translateX(-40%);
}
.cd-main-content {
/* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
height: 100%;
overflow: hidden;
background-color:#fff;
z-index: 2;
padding-top:0rem;
padding-bottom:0rem;
height: auto;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
-webkit-transform: translateX(-40%);
-moz-transform: translateX(-40%);
-ms-transform: translateX(-40%);
-o-transform: translateX(-40%);
transform: translateX(-40%);
}
header.lateral-menu-is-open {
/* translate to show the lateral menu */
-webkit-transform: translateX(-40%);
-moz-transform: translateX(-40%);
-ms-transform: translateX(-40%);
-o-transform: translateX(-40%);
transform: translateX(-40%);
}
header .is-fixed { position: fixed;}
#cd-top-nav { position: absolute; top: 0; right: 120px; height: 100%;display: none;}
#cd-top-nav ul {height: 100%;padding-top: 18px;}
#cd-top-nav li {display: inline-block;margin-right: 1em;}
#cd-top-nav a {display: inline-block; padding: .5em;color: #FFF;text-transform: uppercase;font-weight: 600;}
#cd-top-nav a.current {background-color: #242e30;}
.no-touch #cd-top-nav a:hover { color: rgba(255, 255, 255, 0.7);}
@media only screen and (min-width: 768px) {#cd-top-nav { display: block;}}
a#cd-menu-trigger { position: absolute;right: 0;top: 0; height: 50px; width: 50px;}
a#cd-menu-trigger .cd-menu-text {height: 100%; text-transform: uppercase; color: #FFF;font-weight: 600; display: none;}
a#cd-menu-trigger .cd-menu-icon {
opacity:0;
/* this span is the central line in the menu menu */
display: inline-block;
position: absolute;
left:40%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width:40px;
height:40px;
background-color: #FFF;
/* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
content: '';
opacity:0;
width: 100%;
height: 100%;
position: absolute;
background-color: inherit;
left: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
#cd-menu-trigger .cd-menu-icon::before { bottom: 5px; display:none;}
#cd-menu-trigger .cd-menu-icon::after {top: 0px;}
#cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0);}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: white;}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
bottom: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {#cd-menu-trigger {width: 110px; padding-left: 1.25em;}
#cd-menu-trigger .cd-menu-text {display: inline-block;line-height: 70px;}
#cd-menu-trigger .cd-menu-icon { left: auto;right: 1.25em;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
#cd-lateral-nav {z-index:555; position: fixed;height:100%;
right:-40%;
top: 0;
/* the secondary navigation is covered by the main element */
width:40%;
box-shadow: 0px 0px 5px #adadad;
background-color:#ffffff;
overflow-y: auto;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
/* this creates the subtle slide in animation of the navigation */
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
#cd-lateral-nav .cd-navigation { margin:0px;}
#cd-lateral-nav .sub-menu { display:none;padding:10px 10px 10px 10px;box-sizing: border-box;width: 100%; display: none;position: absolute;background: #e9deff; z-index: 999;}
#cd-lateral-nav .sub-menu li{height: 32px;line-height: 32px;overflow: hidden;}
li.item-has-children{ height:50px; line-height:50px; }
li.item-has-childrens{ height:50px; line-height:50px; }
#cd-lateral-nav a {border-bottom:1px solid #f1f1f1;display: block;font-size:0.75rem; color:#000;text-align:center;}
#cd-lateral-nav a.current { background-color: #3a4a4d; color: #FFF;}
.no-touch #cd-lateral-nav a:hover {color: #FFF;}
@media only screen and (min-width: 768px) { #cd-lateral-nav .cd-navigation { margin: 20px 0;}}
#cd-lateral-nav.lateral-menu-is-open {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
/* smooth the scrolling on touch devices - webkit browsers */
-webkit-overflow-scrolling: touch;
}
/* style menu items which have a submenu */
#cd-lateral-nav .item-has-children > a {position: relative;text-transform: uppercase;/* this is the right arrow to show that the item has a submenu */}
#cd-lateral-nav .item-has-children > a::after {
content: '';
display: block;
height: 11px;
width: 8px;
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 1em;
/* background: url("../img/cd-arrow.svg") no-repeat center center;
background-size: 8px 11px;*/
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
-webkit-transform: translateY(-50%) rotate(90deg);
-moz-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
-o-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}
#cd-lateral-nav .socials { padding: 0 32px;}
#cd-lateral-nav .socials:after { content: "";display: table; clear: both;}
#cd-lateral-nav .socials a {
height: 32px;
width: 32px;
float: left;
padding: 0;
background-image: url("../img/cd-socials.svg");
background-repeat: no-repeat;
background-size: 128px 64px;
background-color: #FFF;
margin-right: .5em;
border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {background-position: 0 0;}
#cd-lateral-nav .socials a.cd-github {background-position: -32px 0;}
#cd-lateral-nav .socials a.cd-facebook {background-position: -64px 0;}
#cd-lateral-nav .socials a.cd-google { background-position: -96px 0;}
.no-touch #cd-lateral-nav .socials a:hover { background-color: #4e6361;}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter { background-position: 0 -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-github { background-position: -32px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {background-position: -64px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-google { background-position: -96px -32px;}
/*手机右侧滑出样式*/
/*yyappfooter*/
.kongs{float: left;width: 100%; padding-bottom: 3.5rem;background-color: #f2f2f2;}
.yyappfooter{position: fixed;bottom: 0;background-color: #fff;border-top:1px solid #eee; width: 100%;height: 3.125rem; z-index: 10;}
.yyappfooter li{float: left;width: 25%;text-align: center;}
.yyappfooter li span{margin: auto;display: block;width: 20px; color: #999; margin-top: 0.5rem;}
.yyappfooter li a{color: #999;font-size: 0.75rem;}
.yyappfooter li.active a, .yyappfooter li.active span{ color: #a149dc;}
/*兼容*/
@media screen and (min-device-width:500px){}
@media screen and (min-width: 400px) and (max-device-width:420px){
.yywef-liimg img{ height: 12.096875rem;}
.head-logos img{margin: auto;display: block; height:auto;width: 32.5%; margin-top: 0.1rem;}
}
@media screen and (min-width: 365px) and (max-device-width:375px){
.yywef-liimg img{ height: 10.95625rem;}
}
@media screen and (min-width: 350px) and (max-device-width:365px){
.yywef-liimg img{ height: 10.51875rem;}
}
@media screen and (min-width: 310px) and (max-device-width:330px){
.order-addappfos{float: right;width: 40%;height: 3.125rem;}
.yywef-liimg img{ height: 9.7rem;}
.piantuan-liw {width: 49%;}
.njsh-huiyuan li{width: 46.3%;}
.app-detayysris{ margin-right: 2rem;}
.app-orheiq{width: 66%;}
.detalles-sizee{position: absolute;left: 40%;width: 100px; float: left;font-size: 0.875rem;text-align: center;}
}