#header{line-height:normal;font-weight:400;font-size:16px}ul{list-style:none;margin:0;padding:0}.pop-layer{padding:0;background:none}.pop-layer .pop-layer-header{padding:.29em 15px;background:var(--active-color)}.pop-layer .pop-layer-header .pop-layer-title{font-size:14px;color:#fff}.pop-layer .pop-layer-header .popLayer-close{position:relative;top:6px}.pop-layer .pop-layer-body{padding:0 0 0 60px}.pop-layer .pop-layer-body form #table-purchase tbody tr.wxapp-version{margin:30px 0 0}.pop-layer .pop-layer-body form #table-purchase tbody tr.wxapp-version td .label-input{display:inline-block;width:70px;height:36px;padding:0;margin:10px 0 0;background:var(--lists-color);border:1px solid var(--active-color);border-right:none;line-height:36px;box-sizing:border-box;text-indent:8px;color:var(--active-color)}.pop-layer .pop-layer-body form #table-purchase tbody tr.wxapp-version td .label-input:after,.pop-layer .pop-layer-body form #table-purchase tbody tr.wxapp-version td .label-input:before{border:none}.pop-layer .pop-layer-body form #table-purchase tbody tr.wxapp-version td .label-input.on{background:var(--active-color);color:var(--lists-color)}.pop-layer .pop-layer-body form #table-purchase tbody tr.wxapp-version td .label-input input[type=checkbox]{visibility:hidden;clip:rect(0 0 0 0)}.pop-layer .pop-layer-body form #table-purchase tbody tr.wxapp-version td .label-input:last-child{border-right:1px solid var(--active-color)}.pop-layer .pop-layer-body form #table-purchase tbody tr.wxapp-version td .td-tip{padding:0 0 20px;line-height:0}.pop-layer .pop-layer-body form #table-purchase tbody tr.wxapp-version td .td-tip .tip{color:var(--main-text)}.pop-layer .pop-layer-body form #table-purchase tbody tr.adaption-version,.pop-layer .pop-layer-body form #table-purchase tbody tr.minPage-version,.pop-layer .pop-layer-body form #table-purchase tbody tr.saas-version{margin:20px 0 0}.pop-layer .pop-layer-body form #table-purchase tbody tr+tr{margin:5px 0 0}.pop-layer .pop-layer-body form #table-purchase tbody tr th{height:19px;line-height:19px;font-size:14px;color:var(--main-text)}.pop-layer .pop-layer-body form #table-purchase tbody tr td .inline{font-size:14px;color:var(--secondary-text)}.pop-layer .pop-layer-body form #table-purchase tbody tr td .inline.on:before{border:1px solid var(--active-color)}.pop-layer .pop-layer-body form #table-purchase tbody tr td .inline.on:after{background:var(--active-color)}.pop-layer .pop-layer-body form #table-purchase tbody tr td .inline:before{margin:0 5px 0 0}.pop-layer .pop-layer-body form #table-purchase tbody tr td .select-btn{margin:10px 0 17px}.pop-layer .pop-layer-body form #table-purchase tbody tr td span.help a{color:var(--active-color)}.pop-layer .pop-layer-body form #table-purchase tbody tr td .checkbox a{text-decoration:none;color:var(--active-color)}.pop-layer .pop-layer-body form #table-purchase tbody tr.purchase-submit{padding:0 0 2px}.pop-layer .pop-layer-body form #table-purchase tbody tr.purchase-submit td .select-box{display:-ms-flexbox;display:flex;width:100%;height:100%;margin:15px auto 10px;line-height:37px}.pop-layer .pop-layer-body form #table-purchase tbody tr.purchase-submit td .select-box .select-time{border:1px solid var(--active-color);border-radius:0;text-align:left;line-height:35px}.pop-layer .pop-layer-body form #table-purchase tbody tr.purchase-submit td .select-box .select-time .current{text-indent:10px;line-height:35px}.pop-layer .pop-layer-body form #table-purchase tbody tr.purchase-submit td .select-box .select-time i{color:var(--active-color)}.pop-layer .pop-layer-body form #table-purchase tbody tr.purchase-submit td .select-box .select-time .dropmenu{top:34px;left:-1px;width:150px;border:1px solid var(--active-color);box-sizing:border-box;border-radius:0;z-index:10}.pop-layer .pop-layer-body form #table-purchase tbody tr.purchase-submit td .select-box .select-time .dropmenu li{border-radius:0;text-indent:1em;color:var(--active-color)}.pop-layer .pop-layer-body form #table-purchase tbody tr.purchase-submit td .select-box .select-time .dropmenu li:hover{background:var(--active-color);color:#fff}.pop-layer .pop-layer-body form #table-purchase tbody tr.purchase-submit td .select-box .select-btn{margin-left:20px}.pop-layer .pop-layer-body form #table-purchase tbody tr.purchase-submit td .select-box .select-btn button#btn-conf-submit{width:100px;height:36px;background:var(--active-color);border:1px solid var(--active-color);box-sizing:border-box;border-radius:0;line-height:18px;font-size:14px}.purchase-all{margin:0 auto}.purchase-all .banner{width:100%;min-height:200px;background:url(/content_yi/ui202007/banner.png)  no-repeat}.purchase-all .banner p{margin:0;text-align:center}.purchase-all .banner p:first-child{padding:100px 0 20px;color:var(--secondary-text);font-size:36px}.purchase-all .banner p:last-child{color:var(--main-text);font-size:14px}.purchase-all .purchase-grid{margin-top:30px;font-size:14px;color:#555}.purchase-all .purchase-grid .tab-nav{max-width:840px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:0;margin:0 auto;background:#fff;list-style:none}.purchase-all .purchase-grid .tab-nav li{position:relative;width:120px;height:40px;line-height:40px;text-align:center;border:1px solid var(--active-color);box-sizing:border-box;border-right:none;color:var(--active-color);cursor:pointer}.purchase-all .purchase-grid .tab-nav li:last-child{border-right:1px solid var(--active-color);box-sizing:border-box}.purchase-all .purchase-grid .tab-nav li.active,.purchase-all .purchase-grid .tab-nav li:hover{background:var(--active-color);color:#fff}.purchase-all .purchase-grid .tab-nav li.active img,.purchase-all .purchase-grid .tab-nav li:hover img{position:absolute;bottom:-30px;left:calc(50% - 12px);display:inline;z-index:9}.purchase-all .tab-panel{display:none}.purchase-all .tab-panel.active{display:block}.purchase-all .tab-panel.active .panel-box{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.purchase-all .tab-panel.active .is-showing-all{margin:70px 0 0;width:1300px}.purchase-all .tab-panel.active .is-showing-all .content{position:relative;height:100%;overflow:hidden}.purchase-all .tab-panel.active .is-showing-all .content .mask{position:absolute;left:0;bottom:0;width:100%;height:270px;background-image:linear-gradient(-180deg,hsla(0,0%,100%,0),#fff)}.purchase-all .tab-panel.active .is-showing-all .content .showing-all-header{width:1300px}.purchase-all .tab-panel.active .is-showing-all .content .showing-all-header .table{margin:30px 0 0}.purchase-all .tab-panel.active .is-showing-all .content .showing-all-header.thead-fixed{position:fixed;top:80px;height:137px;background:#fff}.purchase-all .tab-panel.active .is-showing-all .content .showing-all-header .table tr th{text-align:left;padding-left:58px}.purchase-all .tab-panel.active .is-showing-all .content .showing-all-header .table tr td i{font-weight:700;font-style:normal}.purchase-all .tab-panel.active .is-showing-all .content .table{width:100%;border:none;text-align:center}.purchase-all .tab-panel.active .is-showing-all .content .table thead{width:1300px;margin:0 auto}.purchase-all .tab-panel.active .is-showing-all .content .table thead tr{border-bottom:1px solid #e0e0e0}.purchase-all .tab-panel.active .is-showing-all .content .table thead tr td,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr th{padding:0 0 17px;font-size:20px;line-height:25px;color:var(--secondary-text)}.purchase-all .tab-panel.active .is-showing-all .content .table thead tr td a,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr td h3,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr td span,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr th a,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr th h3,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr th span{display:block}.purchase-all .tab-panel.active .is-showing-all .content .table thead tr td h3,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr th h3{font-size:20px;font-family:Microsoft YaHei UI;margin:0 0 10px;line-height:25px;font-weight:400;color:#333}.purchase-all .tab-panel.active .is-showing-all .content .table thead tr td span,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr th span{display:block;font-size:20px;color:#ff7043;line-height:25px}.purchase-all .tab-panel.active .is-showing-all .content .table thead tr td a,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr th a{position:relative;width:64px;height:20px;padding:0;margin:10px auto 0;border:none;box-shadow:none;font-size:16px;line-height:20px;text-decoration:none;color:#757575}.purchase-all .tab-panel.active .is-showing-all .content .table thead tr td a:hover,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr th a:hover{background:#fff;color:#18bc9c}.purchase-all .tab-panel.active .is-showing-all .content .table thead tr td a:hover:before,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr th a:hover:before{display:block}.purchase-all .tab-panel.active .is-showing-all .content .table thead tr td a:before,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr th a:before{content:"";position:absolute;top:3px;left:-17px;display:none;width:13px;height:13px;background:#18bc9c;border-radius:50%}.purchase-all .tab-panel.active .is-showing-all .content .table thead tr th{padding-left:58px;text-align:left}.purchase-all .tab-panel.active .is-showing-all .content .table tbody tr th,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr th{width:14%}.purchase-all .tab-panel.active .is-showing-all .content .table tbody tr td,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr td{width:16%}.purchase-all .tab-panel.active .is-showing-all .content .table tbody tr td,.purchase-all .tab-panel.active .is-showing-all .content .table tbody tr th,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr td,.purchase-all .tab-panel.active .is-showing-all .content .table thead tr th{border:none;font-weight:400}.purchase-all .tab-panel.active .is-showing-all .content .table tbody tr:first-child td{padding:0 0 10px}.purchase-all .tab-panel.active .is-showing-all .content .table tbody table{width:100%}.purchase-all .tab-panel.active .is-showing-all .content .table tbody table caption,.purchase-all .tab-panel.active .is-showing-all .content .table tbody table tr th:first-child{padding-left:58px}.purchase-all .tab-panel.active .is-showing-all .content .table tbody table caption{margin:20px 0 10px;border-bottom:1px solid #e0e0e0;text-align:left;font-size:18px;color:var(--main-text)}.purchase-all .tab-panel.active .is-showing-all .content .table tbody table tr:last-child{border:none}.purchase-all .tab-panel.active .is-showing-all .content .table tbody table tr th{text-align:left}.purchase-all .tab-panel.active .is-showing-all .content .table tbody table tr td img{vertical-align:middle}.purchase-all .tab-panel.active .is-showing-all .content .table tbody table tr td,.purchase-all .tab-panel.active .is-showing-all .content .table tbody table tr th{border-bottom:1px solid #e0e0e0;font-size:14px;color:var(--secondary-text)}.purchase-all .tab-panel.active .is-showing-all .show-all,.purchase-all .tab-panel.active .is-showing-all .show-less{display:block;width:130px;height:40px;margin:60px auto;background:#fff;border:1px solid var(--active-color);box-sizing:border-box;color:var(--active-color);font-size:14px;outline:none}.purchase-all .tab-panel.active .is-showing-all .show-all:hover,.purchase-all .tab-panel.active .is-showing-all .show-less:hover{background:var(--active-color);color:#fff;cursor:pointer}.purchase-all .tab-panel.active .is-showing-all .show-all.hide,.purchase-all .tab-panel.active .is-showing-all .show-less.hide{display:none}.purchase-all .tab-panel.active .is-showing-all#oaa .table thead.dialog-oaa-thead tr th,.purchase-all .tab-panel.active .is-showing-all#oaa .table thead.oaa-table-head tr th{width:16%}.purchase-all .tab-panel.active .is-showing-all#oaa .table thead th{padding:0;text-align:center}.purchase-all .tab-panel.active .is-showing-all#oaa .table tbody tr td span{display:block;line-height:19px}.purchase-all .tab-panel.active .is-showing-all#oaa .table tbody tr td span:first-child{padding:10px 0 0}.purchase-all .tab-panel.wx .col-content .col-head{height:140px}.purchase-all .tab-panel.wx .col-content.cur .col-head{height:150px}.purchase-all .col-head{height:140px;background:#f1fcfa;color:#fff;font-size:16px}.purchase-all .col-head .title{height:25px;padding:30px 0 15px;margin:0;line-height:25px;font-size:20px;color:var(--secondary-text)}.purchase-all .col-head .price{height:38px;padding:0;margin:0;color:#ff7043;line-height:38px}.purchase-all .col-head .price .money{font-size:30px}.purchase-all .col-head .price i{font-style:inherit}.purchase-all .col-head .price i,.purchase-all .col-head .price span{font-size:14px}.purchase-all .col-head .activity{margin-bottom:0;color:#18bc9c;line-height:1.6;font-size:12px}.purchase-all .col-head .desc{color:#989898;font-size:12px}.purchase-all .col-head .desc .new-tip{margin-left:6px;padding:1px 4px;border:1px solid #ff7043;color:#ff7043}.purchase-all .col-head .area .country{color:#ecebeb}.purchase-all .col-head .area span{padding:0 10px}.purchase-all .col-head .area span img{position:relative;top:2px}.purchase-all .col-content,.purchase-all .col-title{margin:60px 0;line-height:42px}.purchase-all .col-content .col-item,.purchase-all .col-title .col-item{margin:0 0 15px;color:var(--main-text);line-height:18px}.purchase-all .col-content .col-item:nth-child(2),.purchase-all .col-title .col-item:nth-child(2){margin:0}.purchase-all .col-content .col-item .btn-purchase,.purchase-all .col-title .col-item .btn-purchase{width:120px;height:36px;margin:30px 0;padding:0;border-radius:0;background:#fff;line-height:36px;font-size:14px;border:1px solid var(--active-color);box-sizing:border-box;color:var(--active-color)}.purchase-all .col-content .col-item .btn-purchase:hover,.purchase-all .col-title .col-item .btn-purchase:hover{background:var(--active-color);color:#fff}.purchase-all .col-content .col-item .place-btn,.purchase-all .col-title .col-item .place-btn{display:block;height:36px;margin:30px 0}.purchase-all .col-content .iconfont,.purchase-all .col-title .iconfont{color:#2399dd}.purchase-all .col-title{width:20%;text-align:center;border-bottom:1px solid #ddd}.purchase-all .col-content{width:260px;text-align:center;box-sizing:border-box;border:1px solid #e0e0e0;border-right-width:0}.purchase-all .col-content:last-child{border:1px solid #e0e0e0}.purchase-all .col-content.cur,.purchase-all .col-content:hover{margin:0;box-shadow:0 0 8px rgba(9,207,181,.6);border:1px solid var(--active-color);box-sizing:border-box;z-index:10}.purchase-all .col-content.cur .col-head{height:150px}.purchase-all .col-content.cur .col-head .title{padding:40px 0 15px}.purchase-all .col-content a{color:#2399dd}.purchase-all .col-content a:hover{color:#4caf50}.purchase-all .col-content p{margin-top:0}.purchase-all .col-content .btn{background:#ecebeb;color:#555;border:0;text-indent:0;transition:background .3s}.purchase-all .col-content .col-item{line-height:1}.purchase-all .tip-purchase{margin:80px auto 0;color:#c5c5c5;text-align:right}.purchase-all .container .tab-panel .panel-box .col-content.cur,.purchase-all .container .tab-panel .panel-box .col-content:hover{margin:50px 0}.purchase-all .container .wx .panel-box .col-content{height:446px}.purchase-all .container .wx .panel-box .col-content.cur,.purchase-all .container .wx .panel-box .col-content:hover{height:466px}.purchase-all .container .adaption .panel-box .col-content{height:550px}.purchase-all .container .adaption .panel-box .col-content.cur,.purchase-all .container .adaption .panel-box .col-content:hover{height:570px}.purchase-all .container .saas .panel-box .col-content{height:515px}.purchase-all .container .saas .panel-box .col-content.cur,.purchase-all .container .saas .panel-box .col-content:hover{height:535px}.purchase-all .container .vr .panel-box .col-content{height:420px}.purchase-all .container .vr .panel-box .col-content.cur,.purchase-all .container .vr .panel-box .col-content:hover{height:440px}#msgbox{width:400px;height:165px}#msgbox #msgbox-header{padding:10px 15px;background:var(--active-color);color:#fff}#msgbox #msgbox-header h3{font-size:14px}#msgbox #msgbox-header button.close{position:relative;top:0;opacity:1;color:#fff}#msgbox #msgbox-body{padding:30px 20px 10px;color:var(--secondary-text)}#msgbox #msgbox-body p{margin:0}#msgbox #msgbox-footer button{width:60px;height:36px;background:var(--active-color);border:1px solid var(--active-color);border-radius:0;color:#fff}#msgbox #msgbox-footer button:last-child{margin-left:10px}#msgbox #msgbox-footer .msgbox-close{background:#fff;color:var(--active-color)}.purchase-weiye .block-select{max-width:800px;margin:0 auto;background:#f7f7f7}.purchase-weiye .block-select:after,.purchase-weiye .block-select:before{display:table;content:""}.purchase-weiye .block-select:after{clear:both}.purchase-weiye .block-select .block{float:left;width:350px;height:20em;box-sizing:border-box;text-align:center;cursor:pointer;transition:.3s}.purchase-weiye .block-select .block:hover{background-color:#fff;box-shadow:0 0 25px rgba(0,0,0,.2)}.purchase-weiye .block-select .block:active{transform:translateY(3px)}.purchase-weiye .block-select .block+.block{margin-left:100px}.purchase-weiye .block-select .block i,.purchase-weiye .block-select .block span{vertical-align:middle}.purchase-weiye .block-select .block i{color:#19b719}.purchase-weiye .block-select .block .block-title{margin-top:2em;font-size:20px;font-weight:400}.purchase-weiye .block-select .block .block-title em{font-size:12px;font-style:normal;color:#e91e63}.purchase-weiye .block-select .block .block-desc{margin-top:2em;font-size:14px;color:#999}.purchase-weiye .view-tpl{margin-top:2em;text-align:center}.purchase-weiye .view-tpl a{display:inline-block;color:#22d3b6;font-size:14px}#table-purchase{border:0}#table-purchase tr{display:block}#table-purchase tr.hide{display:none}#table-purchase td,#table-purchase th{display:block;padding:0;border:0;text-align:left}#table-purchase th{padding:0;font-size:26px;font-weight:400}#table-purchase .first-td span{display:block;font-size:14px}#table-purchase td span{color:var(--secondary-text)}#table-purchase td input[type=text]{width:205px;height:35px;border:0;border-bottom:1px solid var(--active-color);box-sizing:border-box;line-height:35px;color:#bdbdbd;outline:none}#table-purchase td input[type=text]:focus{border-color:#52a8f0}#table-purchase td .ico-rmb{font-size:14px;color:#ff7043}#table-purchase td .price-total{display:inline-block;padding:10px 0 0;font-size:30px;color:#ff7043}#table-purchase .help-php{font-size:12px;color:#ff5722}#table-purchase .tip-error{color:red}#table-purchase .popover{line-height:normal;color:#f44336}#table-purchase .checkbox{cursor:pointer}#table-purchase .checkbox input{margin-right:2px;vertical-align:-2px}#table-purchase .help{display:block;margin:10px 0 0;color:var(--main-text);font-size:14px}#table-purchase #btn-conf-submit{width:100px;height:36px;background:var(--active-color);border:1px solid var(--active-color);box-sizing:border-box;border-radius:0;line-height:18px;font-size:14px}#table-purchase #btn-conf-submit:hover{background:#31dec1}#table-purchase select{appearance:none;-moz-appearance:none;-webkit-appearance:none;border:1px solid #22d3b6;display:inline-block;padding:5px 38px 5px 5px;border-radius:5px;color:#333;font-size:12px;outline:none;vertical-align:top;transition:.3s;padding:5px\9;background:#fff\9}#table-purchase select:focus{border-color:#22d3b6;transition:all .3s}#table-purchase select.hide{display:none}#table-purchase .select-time{position:relative;width:150px;height:36px;border:1px solid #1fa997;box-sizing:border-box;font-size:14px;color:#1fa997}#table-purchase .select-time i{position:absolute;top:0;right:15px;font-size:.1em}#table-purchase .select-time.active{border-radius:10px 10px 0 0;border-bottom:transparent}#table-purchase .select-time .current{width:150px;padding:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--active-color)}#table-purchase .select-time ul{position:absolute;top:35px;left:-6px;width:150px;padding:0;margin:0;list-style:none;background:#fff;border:1px solid #1fa997;border-top:none;border-radius:0 0 10px 10px}#table-purchase .select-time ul li{padding:5px 0;border-top:1px solid #eee;cursor:pointer;border-radius:10px}#table-purchase .select-time ul li:hover{background:#52a8f0;color:#fff}@media (-ms-high-contrast:active),(-ms-high-contrast:none){#table-purchase select.select{padding:5px 38px 5px 5px}}@media screen and (max-width:1300px){.purchase-all .tab-panel.active .is-showing-all .content .showing-all-header.thead-fixed{width:100%}}@media screen and (max-width:1200px){.purchase-all .tab-panel.active .is-showing-all .content .table tbody table .caption,.purchase-all .tab-panel.active .is-showing-all .content .table tbody table tbody tr th:first-child{padding-left:65px}}@media screen and (max-width:979px){#header{height:120px!important}#header .header-nav .container{height:100%}.purchase-all .banner{background-size:cover}.purchase-all .banner p:first-child{padding:55px 0 10px;margin:0 20px;font-size:25px;line-height:40px}.purchase-all .banner p:last-child{margin:0 25px;line-height:25px}.purchase-all .purchase-grid .tab-nav{width:100%}.purchase-all .purchase-grid .tab-nav .tab-item{width:14%}.purchase-all .purchase-grid .tab-content .tab-panel .panel-box .col-content{width:33.3%}.purchase-all .purchase-grid .tab-content .tab-panel .panel-box .col-content .btn-purchase{width:60%}.purchase-all .purchase-grid .tab-content .tab-panel .is-showing-all{width:100%}.purchase-all .purchase-grid .tab-content .tab-panel .is-showing-all .content .showing-all-header.thead-fixed table tr th{padding:0;text-align:center}.purchase-all .purchase-grid .tab-content .tab-panel .is-showing-all .content .table thead tr td,.purchase-all .purchase-grid .tab-content .tab-panel .is-showing-all .content .table thead tr th{font-size:16px}.purchase-all .purchase-grid .tab-content .tab-panel .is-showing-all .content .table tbody tr td table .caption{padding-left:30px}.purchase-all .purchase-grid .tab-content .tab-panel .is-showing-all .content .table tbody tr td table tbody tr th{width:20%;padding-left:0;text-align:center}.purchase .col-title{width:28%;text-indent:.5em}.purchase .col-content{width:24%}.pop-layer{left:10%!important;width:80%!important;margin-left:0!important;margin-top:100px!important}}