html, body {height: 100%;}
body{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, select, td, textarea, th, ul{margin:0; padding:0}
li{list-style:none;}
a,a:hover {text-decoration: none;}
a:focus, button:focus, input:focus, textarea:focus {outline: 0;}
h1 em{font-style: normal;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.wrap {min-height: 100%;height: auto;margin: 0 auto -60px;padding: 0 0 60px;}
.wrap > .container {padding: 70px 15px 20px;}
.nav-wrap{position: fixed;right: 0;left: 0;z-index: 99999;}
.nav-block{height: 50px;line-height: 50px;background-color: #2a7dc4;border-color: #5574c9;display: flex;}
.nav-block .nav-logo{display: flex;flex: 1;}
.nav-block .nav-logo a{color: #FFF;padding-left: 52px;font-size: 18px;}
.nav-search{display: flex;width: 50px;justify-content: center;}
.nav-search span{padding: 13px;font-size: 22px;color: #FFF;}
.nav-wrap .subitem{display: none;margin: 0;padding: 0;border-top: 1px solid #1f6dad;}
.nav-wrap .subitem .item a{font-size: 16px;color: #FFF;height: 40px;line-height: 40px;background-color: #2b7ec4;display: block;padding-left: 13px;}
.nav-wrap .subitem .item a.active{background-color: #0c6dbe;}
.nav-wrap .subitem .search-block{background-color: #2b7ec4;padding: 10px;}
.nav-wrap .subitem .search-block form{background-color: #75b6ed;color: #323233;font-size: 14px;overflow: hidden;line-height: 24px;display: flex;border-radius: 4px;}
.nav-wrap .subitem .search-block form .glyphicon{color: #FFF;width: 39px;padding-left: 12px;font-size: 18px;top: 11px;}
.nav-wrap .subitem .search-block form input{display: flex;flex: 1;border: 0;margin: 0;padding: 0;height: 40px;width: 100%;resize: none;color: #FFF;box-sizing: border-box;background-color: transparent;-webkit-appearance: none;}
.nav-wrap .subitem .search-block form input::placeholder{color: #FFF;}
.search-recruit-zone {}
#search-form {display: -webkit-box;display: -ms-flexbox;display: flex;}
.search-recruit-zone :first-child {border-top-right-radius: 0;border-bottom-right-radius: 0;height: 47px;line-height: 47px;}
.search-recruit-zone :last-child {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.search-recruit-zone .btn-primary{color: #6d6d6d;background-color: #CCC;border-color: #CCC;}
.form-control{border-width: 1px !important;box-sizing: border-box !important;font-size: 16px;color:#3a81e4;border: 1px solid #dcdada;font-weight: bold;}
.form-control[readonly]{background-color: #f6f6f6;}
.product_name{padding: 6px 30px;background-color: #2395d3;color: #FFF;display: inline-block;border-radius: 21px;margin: 0;margin-top: 15px;}
.uhead-block{background-color: #0d83b6;background-image: linear-gradient(45deg,#18b369,#0ce0ea);padding: 40px 0 15px 0;position: fixed;right: 0;left: 0;top: 0;z-index: 999999;box-shadow: 0 4px 10px 0 rgba(69, 81, 93, 0.15);}
.uhead-rule {position: absolute;padding: 20px;top: -3px;left: 0;font-size: 15px;}
.uhead-rule a{color: #f1eaea;}
.uhead-rule .apply-btn{border: 2px solid #45e458;padding: 2px 9px;margin-right: 7px;border-radius: 5px;}
.uhead-right{position: absolute;top: -6px;right: 0;font-size: 15px;}
.uhead-right .uhead-setting {color: #FFF;font-size: 18px;padding: 20px 20px 20px 0;}
.uhead-right .uhead-checking {color: #FFF;border: 2px solid #ebffed;padding: 2px 9px;border-radius: 8px;display: inline-block;margin-top: 20px;margin-right: 6px;}
.uhead-right .test-mode{padding: 3px 10px;background-color: #4ca3ee;border-top-left-radius: 8px;border-bottom-left-radius: 8px;color: #FFF;font-size: 12px;display: inline-block;margin-top: 25px;margin-right: 8px;}
.unav-block{border-bottom: 1px solid #f0f0f0;background-color: #fff;height:50px;line-height: 50px;display: flex;}
.unav-block .uitem{display: flex;flex: 1;text-align: center;background: #32a1e2;color:#FFF;justify-content: center;}
.unav-block .uitem:hover,.unav-block .uitem.active{background: #2d91cc;}

.unav-footer{background-color: #0a96e8;background-image: linear-gradient(45deg,#0a96e8,#0ce0ea);display: flex;position: fixed;right: 0;left: 0;bottom: 0;z-index: 999999;border-top: 1px solid #ebe4e4;box-shadow: 0 2px 4px rgb(0 0 0 / 50%);}
.unav-footer .uitem{flex: 1;text-align: center;color:#f1eaea;justify-content: center;padding: 12px 0 27px 0;}
.unav-footer .uitem.active{color: #07fff2;}
.unav-footer .glyphicon{font-size: 26px;}

.test-mode-block .uhead-rule .apply-btn{border: 2px solid #f2b544;}
.test-mode-block .uhead-block{background-color: #ce5313;}
.test-mode-block .unav-block .uitem{background: #ea641f;}
.test-mode-block .unav-block .uitem:hover,.test-mode-block .unav-block .uitem.active{background: #fb8547;}
.test-mode-block .nav-block{background-color: #ce5313;}

.animation-box{animation: ami 0.7s ease-in-out forwards;z-index: 99999;position: relative;}

@keyframes ami {
    from{
        opacity: 0;transform: translateY(30px);
    }
    to{
        opacity: 1;transform: translateY(0);
    }
}
@keyframes tip-ami {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

.utable{margin-top: 10px;}
.utable .uth{display: flex;font-weight: bold;height: 30px;line-height: 30px;border-bottom: 2px solid #e8e8e8;}
.utable .utr{display: flex;line-height: 24px;padding: 6px 0;border-bottom: 1px dashed #dcd7d7;}
.utable .utr .utd{align-items: center;}
.utable .uth .utd,.utable .utr .utd,.utable .utr .utd2br{display: flex;flex: 1;justify-content: center;text-align: center;}
.utable .utr .utd2br{flex-direction: column;}
.utable .uth .utd div{display: block;}

.warning-utable-block{background: #f6db8a;padding: 10px;margin: 5px;}
.warning-utable-block .utable .uth{border-bottom: 2px solid #f0b270;}
.warning-utable-block .utable .utr{border-bottom: 1px dashed #c9adad;}

.katong{display: block;width: 34px;height: 26px;background-image: url(../images/katong7.png);background-size: cover;position: absolute;top: 10px;left: 10px;}
.baobiao-open{margin: 3px 5px;height: 35px;line-height: 35px;text-align: center;border: 1px solid #d3cfcf;border-radius: 4px;}
.baobiao-open.active{background: #e5e2e2;border: 1px solid #c7c2c2;}
#baobiao{width: 100%;height:300px;}
.hiddenDiv{display: none;}
.mytip{height: 40px;line-height: 40px;background-color: #5194fa;background-image: linear-gradient(45deg,#0a96e8,#0ce0ea);color: #FFF;border-radius: 9px;text-align: center;margin-bottom: 13px;font-size: 17px;}
.order-detail{margin: 0 5px 20px 5px;background: #f5eeee;color: #5e5d5d;padding-bottom: 10px;box-shadow: 0 4px 10px 0 rgba(69, 81, 93, 0.2);}
.order-detail .utable .utr{line-height: 30px;}
.order-detail a{color:#2299ff;}
.rule{}
.rule .rule-tit{border-bottom: 1px solid #2796df;}
.rule .rule-tit span{display: inline-block;height: 30px;line-height: 30px;background-color: #2796df;color: #FFF;padding: 0 10px;border-top-left-radius: 20px;}
.rule .rule-info{padding: 3px 0;}
.rule .rule-video-info{background: #1e9dca;background-image: linear-gradient(45deg,#0a96e8,#0ce0ea);margin: 7px 0;padding: 6px;padding-left: 15px;font-size: 18px;color: #dfff00;position: relative;}
.rule .rule-video-info .glyphicon{padding-right:6px;}
.rule .rule-video-info .video-time{position: absolute;top:8px;right: 11px;font-size: 15px;color: #eaeae1;}
.erweima{text-align: center;}
.erweima img{width: 80%;}
.myform .btn{display: block;padding: 10px 12px;}
.top-sale-btn{display: flex;}
.top-sale-btn a{flex: 1;border: 2px solid #33a1e3;height: 30px;line-height: 30px;margin: 4px 3px 2px 3px;text-align: center;}
.pro-toolbar{position: fixed;display: flex;left: 0;right: 0;bottom: 0;z-index: 100;padding: 10px 0 10px 10px;background-color: #fafafa;border-top: 2px solid #fedee6;font-size: 16px;}
.pro-toolbar .zwf{display: flex;width: 28%;}
.pro-toolbar .gwc,.pro-toolbar .hx1,.pro-toolbar .hx2{display: flex;flex: 1;height: 50px;line-height: 47px;justify-content: center;color: #FFF;}
.pro-toolbar .gwc{text-decoration: none;color: #FFF;background: #e1990d;border-radius: 50px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-color: #e1990d;}
.pro-toolbar .gwc.gwc-disabled{text-decoration: line-through;color: #7d7b7b;background: #c9c9c9;border-color: #6b696a;border-radius: 50px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.pro-toolbar .hx1,.pro-toolbar .hx2{display: flex;flex: 1;border-radius: 50px;border-top-left-radius: 0;border-bottom-left-radius: 0;position: relative;}
.pro-toolbar .hx1{color: #7d7b7b;border-color: #6b696a;background-color: #c9c9c9;text-decoration: line-through;display: none;}
.pro-toolbar .hx2{background-color: #e16c0d;border-color: #e16c0d;}
.pro-toolbar .hx2 span{position: absolute;top: 13px;left: 8px;line-height: 20px;height: 20px;text-align: center;width: 20px;font-size: 14px;background: #fcb11a;border-radius: 10px;animation: heartbeat3 1.7s infinite;}
.pro-toolbar.pro-disabled .hx1{display: flex;}
.pro-toolbar.pro-disabled .hx2{display: none;}


.rent-block{display: flex;margin-top: 20px;}
.rent-block .zwf{display: flex;width: 28%;}
.rent-block .gwc,.rent-block .rent1,.rent-block .rent2{display: flex;flex: 1;justify-content: center;color: #FFF;font-size: 18px;padding: 6px 12px;border-radius: 4px;}
.rent-block .gwc{text-decoration: none;color: #FFF;background: #e1990d;border-color: #e1990d;margin-right: 10px;}
.rent-block .gwc.gwc-disabled{text-decoration: line-through;color: #7d7b7b;background: #c9c9c9;border-color: #6b696a;}
.rent-block .rent1,.rent-block .rent2{display: flex;flex: 1;position: relative;}
.rent-block .rent1{color: #7d7b7b;border-color: #6b696a;background-color: #c9c9c9;text-decoration: line-through;display: none;}
.rent-block .rent2{background-color: #e16c0d;border-color: #e16c0d;}
.rent-block .rent2 span{position: absolute;top: 9px;left:24px;line-height: 20px;height: 20px;text-align: center;width: 20px;font-size: 14px;background: #fcb11a;border-radius: 10px;animation: heartbeat3 1.7s infinite;}
.rent-block.pro-disabled .rent1{display: flex;}
.rent-block.pro-disabled .rent2{display: none;}
@keyframes heartbeat3 { 0% {transform: scale(1);} 50% {transform: scale(1.15);} 100% {transform: scale(1);}}
.hexiao-input,.hexiao-input2,.hexiao-input3 {width: 90%;background-color: #fff;border-radius: 0 2px 2px 0;border: 1px solid #dfdddd;padding-left: 10px;height: 30px;line-height: 30px;}
.youhui-txt,.acturalpay-txt{display: none;}
.youhui-txt em,.acturalpay-txt em{font-style: normal;color: red;}
.verify-nav{position: fixed;width: 100%;top: 0;left: 0;z-index: 100;font-size: 18px;line-height: 60px;text-align: center;background-color: #fafafa;border-bottom: 2px solid #fedee6;}
.verify-nav .verify-total-price{color: red;}
.verify-nav .overight-tip{font-weight: bold;color: #004fff;text-decoration: line-through;display: none;}
.verify-toolbar{position: fixed;display: flex;left: 0;right: 0;bottom: 0;z-index: 100;background-color: #fafafa;border-top: 2px solid #fedee6;font-size: 16px;height: 60px;line-height: 60px;}
.verify-toolbar .tool-left{display: flex;flex: 1;justify-content: center;}
.verify-toolbar .tool-right{display: flex;flex: 1;background-color: #f7760e;justify-content: center;color: #FFF;font-size: 20px;}

.check-wrap { position: relative; display: inline-block; vertical-align: middle; height: 24px; padding-left: 13px; line-height: 24px; font-size: 18px;color:#444444;margin-top: 16px;}
.check-wrap~.check-wrap{margin-left: 10px;}
.check-wrap > .icheck { opacity: 0; }
.check-wrap > .ilabel { border-radius: 3px; cursor: pointer; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.check-wrap > .ilabel:after {content: " ";border: 1px solid #999;display: block;font-weight: bold;text-align: center;border-radius: 3px;width: 22px;height: 22px;line-height: 22px;}
.check-wrap > .icheck:checked + .ilabel:after {content: "✓";border-color: #999;background-color: #fff;color: #3ad045;}
.check-wrap > .icheck:indeterminate + .ilabel:after { content: "■"; color: #3f51b5; background-color: #FFF; border-color: #3f51b5; }
.ruku-block{display: flex;height: 60px;line-height: 60px;font-size: 16px;}
.ruku-block .ruku-join,.ruku-block .ruku1,.ruku-block .ruku-join,.ruku-block .ruku2{color: #FFF;display: flex;flex: 1;justify-content: center;}
.ruku-block .ruku-join{background-color: #e9a419;text-decoration: none;color: #FFF;}
.ruku-block .ruku-join.ruku-join-disabled{background-color: #c9c9c9;color: #7d7b7b;text-decoration: line-through;}

.ruku-block .ruku1{color: #7d7b7b;text-align: center;line-height: 30px;background-color: #c9c9c9;text-decoration: line-through;display: none;}
.ruku-block .ruku2{position: relative;text-align: center;line-height: 30px;background-color: #e96b19;}
.ruku-block.disabled .ruku2{display: none;}
.ruku-block.disabled .ruku1{display: flex;}
.ruku-block .ruku2 span{position: absolute;top: 20px;left: 13px;line-height: 20px;height: 20px;text-align: center;width: 20px;font-size: 14px;background: #ffb167;border-radius: 10px;animation: heartbeat3 1.7s infinite;}
.ruku-num{color: red;}
.ruku-toolbar{position: fixed;bottom: 0;left: 0;width: 100%;text-align: right;padding:0 10px;}
.ruku-toolbar .btn-success{display: block;padding: 13px 12px;font-size: 18px;}

.save-toolbar {position: fixed;display: flex;left: 0;right: 0;bottom: 0;z-index: 99999;background-color: #fafafa;font-size: 16px;}
.save-toolbar .btn-success{font-size: 18px;display: block;width: 100%;margin: 0 10px;padding: 20px 12px !important;}

.thum{padding-left: 2px;}
.thum img{border: 2px solid #eeeeee;}
.thum a{position:relative;}
.thum a span{position: absolute;display: block;bottom: 0px;right: 8px;color:#FFF;}

.product-list{display: flex;margin-top: 20px;}
.product-list .pthum{flex: 2;margin-left: 10px;position: relative;}
.product-list .pthum img{border: 2px solid #eeeeee;}
.product-list .pthum a{position:relative;display: block;}
.product-list .pthum a span{position: absolute;display: block;bottom: 0px;right: 8px;color:#FFF;}
.product-list .detail{flex: 7;padding-left: 10px;}
.product-list .detail .ptit{display: block;font-size: 15px;color: #575757;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-list .detail .pinfo{display: flex;margin-top: 1px;color: #a4a1a1;}
.product-list .detail .pitem{flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pprice span{color: #ea27dd;text-decoration: line-through;font-weight: bold;}
.pprice em{color: red;font-weight: bold;font-style: normal;}

.search-block{padding: 10px 3px;}
.price-block{font-size: 32px;line-height: 32px;padding-bottom: 21px;}
.price-block span{color: red;font-weight: bold;}
.search-type{text-align: center;}
.search-type a{padding: 6px 10px;}
.search-type a.current{background-color: #dbd8d8;border-radius: 5px;background-image: linear-gradient(45deg,#0a96e8,#0ce0ea);color: #FFF;}

.arrow {display: inline-block;margin-left: 4px;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #969090;padding-bottom: 2px;}
.toolbars{display: flex;margin-top: 20px;padding-bottom: 10px;border-bottom: 1px solid #dadada;position: relative;z-index: 9999;}
.toolbars .item{flex: 1;}
.toolbars .item:last-child{text-align: right;}
.xla-block {display:block;}
.xla-dropdown {display: block;position: absolute;left:0;background-color: #f9f9f9;width: 100%;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 99999;}
.xla-dropdown ul {list-style: none;padding: 0;margin: 0;}
.xla-dropdown li {padding: 10px 0 10px 4px;text-align: left;cursor: pointer;}
.xla-dropdown li.current a{color: #ee6810;}
.xla-dropdown .form-control{background-color: #fdf9f9;border: 1px solid #dbdbdb;}

.tree-node{position: relative;font-size: 18px;height: 50px;line-height: 50px;color: #6b6868;border-bottom: 1px solid #eae8e8;overflow: hidden;}
.tree-node .tree-arrow{background-image: url(../images/icon-right.png);background-size: cover;background-position: center;width: 22px;height: 22px;position: relative;top: 5px;color: #bbb7b7;margin-right: 3px;display: inline-block;}
.tree-node.active .tree-arrow{background-image: url(../images/icon-down.png);}
.tree-node .node-choose,.tree-node .node-delete,.tree-node .node-update{position: absolute;top: 10px;right: 0;background: #ffd7a8;border: 1px solid #f0c656;color: #df6d10;padding: 0 11px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;}
.tree-node .node-delete{background: #ffc4a8;border: 1px solid #f6a384;color: #eb4130;}
.tree-node .node-update{top: 10px;right: 60px;background: #b4d5f9;border: 1px solid #8cbdf2;color: #4192ea;}
.tree-sub{display:none;}

.xla-dropdown .tree-node{font-size: 14px;}
.xla-dropdown .tree-node .tree-arrow{top: 7px;}
.tree-node .node-choose{top: 11px;height: 27px;line-height: 27px;}

.expire-block {text-decoration: line-through;color: #988d8d !important;margin-top: 30px !important;}
.expire-block .expire {display:block !important;text-decoration: line-through;color: #988d8d  !important;}
.expire{position: absolute;right: 17px;top: -11px;width: 70px;height: 44px;background-image: url("../images/noactive.png");background-size: cover;background-position: center;display: none;}

.btn-tag1{display: inline-block;height: 30px;line-height: 30px;background-color: #46b824;background-image: linear-gradient(45deg,#0a96e8,#0ce0ea);padding: 0 4px;color: #fff;border-radius: 3px;min-width: 56px;}
.btn-tag2{display: inline-block;height: 30px;line-height: 30px;background-color: #46b824;padding: 0 4px;color: #fff;border-radius: 3px;min-width: 56px;}
.btn-tag3{display: inline-block;height: 30px;line-height: 30px;background-color: #46b824;background-image: linear-gradient(45deg,#27b914,#f0ee69);padding: 0 4px;color: #fff;border-radius: 3px;min-width: 56px;}
.btn-tag-red{display: inline-block;height: 30px;line-height: 30px;background-color:red;padding: 0 4px;color: #fff;border-radius: 3px;min-width: 56px;}
.price-txt{font-weight: bold;color: #41b9c4;font-size: 18px;}

.sub-nav-block{border-bottom: 1px solid #f0f0f0;background-color: #fff;height:35px;line-height: 35px;display: flex;margin-top: 15px;}
.sub-nav-block .uitem{display: flex;flex: 1;text-align: center;background: #acadae;color:#FFF;justify-content: center;margin-left: 5px;}
.sub-nav-block .uitem:first-child{margin-left: 0;}
.sub-nav-block .uitem:hover,.sub-nav-block .uitem.active{background: #2d91cc;}
.stag{display: inline-block;height: 30px;line-height: 30px;padding: 0 5px;background: #f8ffee;border: 1px solid #c6ea9f;color: #85ca54;overflow: hidden;}
.warning-tip{padding: 10px;background: #d99b14;color: #FFF;margin-bottom: 10px;}
.warning-tip strong{display: block;font-size: 18px;color: #f7f9f2;margin-bottom: 5px;}
.warning-tip span{display: block;padding: 6px 2px;}
.warning-tip code{background-color: #e8d683;}
.utr-head,.utr-head2{padding: 18px 0 !important; color:#5e5d5d;background: #ded8d8;background-image: linear-gradient(45deg, #ded8d8, #c5ffff);border-top-right-radius: 8px;border-top-left-radius: 8px;max-height: 76px;}
.utr-head strong.processing,.utr-head2 strong.processing{color: #b38105;font-size: 18px;}
.utr-head strong.done,.utr-head2 strong.done{color: #2e992e;font-size: 18px;}
.utr-head2{background-image: linear-gradient(45deg, #2ce08a, #b3fcff);}
.utr-head a,.utr-head2 a{color: #5e5d5d;}
.utr-head .btn{color: #FFF;}
.date-current {color: #FFF !important;background: #00baff;padding: 2px 5px;}
.brand-block{margin-top: 5px;margin-bottom:5px; }
.brand-block .brand{padding: 0 4px;border: 1px solid #22a4d9;border-radius: 3px;display: inline-block;color:#5dd6f1;}

.btn-items{margin-top:10px;display:flex;}
.btn-items .btn-item{flex:1;text-align: center;background: red;margin-left: 5px;background-image: linear-gradient(45deg,#0a96e8,#0ce0ea);padding: 12px 0;border-radius: 7px;position: relative;}
.btn-items .btn-item:last-child{margin-right: 5px;}
.btn-items .btn-item .glyphicon{font-size: 18px;color: #FFF;border-radius: 10px;margin-bottom: 10px;}
.btn-items .btn-item .btn-name{color:#FFF;font-weight:bold;}
.btn-items .btn-item .btn-name2{font-size: 14px;}
.btn-items .btn-item .btn-desc{margin-top:10px;color:#dad5d5;}
.btn-items .btn-item .btn-desc span{color: #edf56c;padding: 0 3px;}
.btn-items .btn-item .warning{font-size: 14px;color: #FFF;background-color: #f64c4c;border: 2px solid #FFF;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;overflow: hidden;position: absolute;top: -10px;right: -3px;animation: tip-ami 0.8s ease-in-out forwards;}

.btn-kong{padding: 2px 10px;border: 1px solid #e59a55;border-radius: 5px;color: #ff9700;}
.btn-kong:hover{color: #ff9700;}
.underline-input input,.under-inp{width: 50px;text-align: center;font-size: 16px;border-radius: 2px;border: none;border-bottom: 2px solid #000;background-color: #FFF;outline: none;}

.two-label{display: block;position: relative;}
.two-label .right{position: absolute;top: 0px;right: 0px;}
.two-label-with-bg{border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;color: #888;background: #f8f8f8;padding-left: 10px;margin-bottom: 6px;height: 30px;line-height: 30px;width: 100%;position: relative;}
.two-label-with-bg .right{position: absolute;top: 3px;right: 0px;}

#products-block{margin-top: 10px;}
#products-block>div{margin-bottom: 17px;box-shadow: 0 4px 10px 0 rgba(69, 81, 93, 0.15);}
.product-utr{background: #f4f1b0;}
.install-utr{background: #f9f8e1;}
.install-utr .utd{justify-content: flex-start;color: blue;}

.kt-options {display: flex;flex-wrap: wrap;justify-content: center;gap: 7px;margin:0 3px;}
.kt-options .item {flex: 1;display: flex;flex-direction: column;align-items: center;padding: 10px 0;background-image: linear-gradient(45deg, #f7dbdb, #ece030);border-radius: 5px;text-align: center;box-sizing: border-box;min-height: 76px;}
.kt-options .item label {width: 100%;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.kt-options .item input[type="checkbox"] {align-self: center;}

.wk-form-title{height: 40px;line-height: 40px;font-size: 16px;color: #888;background: #f8f8f8;padding-left: 10px;border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;margin-bottom: 6px;}
.wk-form-item {margin-bottom: 15px;clear: both;border-bottom: 1px solid #ecebeb;}
.wk-form-item .tit {float: left;display: block;padding: 9px 5px;width: 100px;font-weight: bold;line-height: 20px;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.wk-form-item .input-block {margin-left: 110px;min-height: 36px;}
.wk-form-item select{font-size: 16px;font-weight: bold;color: #3a81e4;width: 100%;height: 38px;padding-left: 10px;border: none;background-color: transparent;outline: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url('../images/arrow.png');background-position: right center;background-repeat: no-repeat;background-size: 18px 18px;padding-right: 20px;}
.wk-form-item input {font-size: 16px;font-weight: bold;color: #3a81e4;height: 38px;line-height: 1.3;line-height: 38px\9;border:none;background-color: #fff;border-radius: 2px;display: block;width: 100%;padding-left: 10px;}
.wk-form-item input::placeholder{color: #aca7a7;font-weight: normal;}
.wk-form-item .tip,.form-group .tip{padding: 0 5px;color: #a39f9f;border-left: 5px solid #bebcbc;margin-left: 5px;clear: both;margin-bottom: 9px;}

.tags-block{border: 1px solid #28af71;margin-bottom: 10px;}
.tags-block .tit{display: block;background-color: #b3652d;background-image: linear-gradient(45deg,#28b03b,#23abda);font-size: 18px;padding-left: 10px;height: 40px;line-height: 40px;color: #FFF;}
.tags-block .tag-list{text-align: center;padding-bottom: 10px;}
.tags-block .tag-list .tag-item{display: inline-block;background-color: #b3652d;background-image: linear-gradient(45deg,#28b03b,#23abda);font-size: 18px;padding:0 10px;height: 40px;line-height: 40px;color: #FFF;margin-left:10px;}
.ptag,.ptagold {position: absolute;top: 6px;left: 8px;padding: 2px 10px;background: #2cbc30;color: #FFF;border-radius: 6px;}
.ptagold{background:#df8526;}
.ptag-xs, .ptagold-xs {position: absolute;top: 6px;left: 5px;padding: 1px 6px;background: #2cbc30;color: #FFF;border-radius: 6px;font-size: 12px;}
.ptagold-xs{background:#df8526;}
.price-info{border: 2px solid #70a4e8;padding: 10px 0 0 0;margin: 0 5px 12px 5px;}
.price-info .price-tit{font-size: 18px;}
.price-info .price-detail{}
.price-info .price-total{color:#FFF;font-weight: bold;height: 30px;line-height: 30px;background: red;margin-top: 10px;background-image: linear-gradient(45deg,#3e5fd6,#54f7c3);}

.iframehref{}
.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9998;display: flex;justify-content: center;align-items: center;}
.footer {height: 60px;background-color: #f5f5f5;border-top: 1px solid #ddd;padding-top: 20px;}