.app_filtrate { margin-bottom: 20px; }
.app_filtrate .item { font-size: 14px; line-height: 32px; background-color: #fafcff; }
.app_filtrate .item:first-child .item_name { padding-top: 20px; }
.app_filtrate .item:first-child .item_con { padding-top: 20px; }
.app_filtrate .item_name { padding: 10px 0 0 30px; width: 80px; color: #444444; }
.app_filtrate .item_con { position: relative; margin-left: 110px; padding: 10px 0 10px 24px; background-color: #ffffff; }
.app_filtrate .item_con li { float: left; margin-right: 44px; color: #333333; cursor: pointer; }
.app_filtrate .item_con li:hover { color: #2c51c7; }
.app_filtrate .item_con li.on { color: #2c51c7; }
.app_filtrate .search { padding-bottom: 10px; }
.app_filtrate .search input { width: 298px; height: 34px; line-height: 34px; text-indent: 14px; border: 1px solid #e2e6ee; border-radius: 4px; background-color: #e2e6ee; vertical-align: top; }
.app_filtrate .search button { margin-left: 6px; padding: 0 25px; min-width: 34px; height: 36px; line-height: 36px; text-align: center; border-radius: 4px; color: #fff; background: linear-gradient(to right, #4274f4, #5b7cfd); }

.application { margin-bottom: 8px; }
.application .pages { margin-top: 10px; }
.application .instructions { font-size: 12px; color: #aab4c9; padding-bottom: 20px; }
.application .at_main { display: flex; justify-content: space-between; flex-wrap: wrap; }
.application .at_main .info { width: 48%; position: relative; padding-left: 1.5%; height: 170px; background: #ffffff; border-radius: 10px; margin-bottom: 12px; }
.application .at_main .info .logo { margin-right: 20px; margin-top: 20px; }
.application .at_main .info .logo img { width: 80px; height: 80px; }
.application .at_main .info .icon_1 { background-position: -10px -10px; }
.application .at_main .info .icon_2 { background-position: -110px -10px; }
.application .at_main .info .icon_3 { background-position: -10px -110px; }
.application .at_main .info .icon_4 { background-position: -110px -110px; }
.application .at_main .info .icon_5 { background-position: -210px -10px; }
.application .at_main .info .icon_6 { background-position: -210px -110px; }
.application .at_main .info .icon_7 { background-position: -10px -210px; }
.application .at_main .info .icon_8 { background-position: -110px -210px; }
.application .at_main .info .icon_9 { background-position: -210px -210px; }
.application .at_main .info .icon_10 { background: url("../img/app1.png"); }
.application .at_main .info .icon_11 { background: url("../img/app2.png"); }
.application .at_main .info .in { padding-top: 30px; }
.application .at_main .info .in h3 { margin-bottom: 10px; padding-right: 94px; font-size: 15px; font-weight: bold; color: #07163f; }
.application .at_main .info .in li { float: left; padding: 0 10px; height: 30px; text-align: center; line-height: 30px; margin-right: 10px; border-radius: 3px; color: #e0e4ed; font-size: 12px; }
.application .at_main .info .in li:nth-child(1) { color: #11be81; background: #e8f9f3; }
.application .at_main .info .in li:nth-child(2) { color: #4274f4; background: #edf2ff; }
.application .at_main .info .in li:nth-child(3) { color: #8661fe; background: #eee9ff; }
.application .at_main .info .in li:nth-child(4) { color: #fd8e18; background: #f9f0e7; }
.application .at_main .info .in p { margin-bottom: 4px; color: #777f98; padding: 0 20px 0 102px; line-height: 1.8; }
.application .at_main .info .in p span { color: #14dff1; }
.application .at_main .info .in .company { color: #444f6e; }
.application .at_main .info .edit { position: absolute; top: 50px; right: 22px; }
.application .at_main .info .edit a { float: left; margin-left: 10px; width: 88px; display: block; line-height: 34px; text-align: center; border-radius: 4px; font-size: 12px; color: #fff; position: relative; background: linear-gradient(to right, #2a6fff, #3677ff); }
.application .at_main .info .edit a:active { background-color: #0073cc; }
.application .at_main .info .edit .btn_13 { border: none; z-index: 1; }
.application .at_main .info .edit .btn_13:after { position: absolute; content: ""; width: 100%; height: 0; bottom: 0; left: 0; z-index: -1; border-radius: 5px; background-image: linear-gradient(315deg, #2966fc 0%, #899cfd 74%); transition: all 0.3s ease; }
.application .at_main .info .edit .btn_13:hover { color: #fff; }
.application .at_main .info .edit .btn_13:hover:after { top: 0; height: 100%; }
.application .at_main .info .edit .btn_13:active { top: 2px; }
.application .at_main .info .edit .install { background: linear-gradient(to right, #4274f4, #5b7cfd); }
.application .at_main .info .edit .btn_green { background: linear-gradient(to right, #11be81, #11be81); box-shadow: 3px 0 15px rgba(20, 213, 145, 0.3); }
.application .at_main .info .edit .btn_orange { background: #fc9c04; box-shadow: 3px 0 15px rgba(252, 156, 4, 0.3); }
.application .at_main .info .edit .btn_gray { background: #edf3fa; color: #797e83; }
.application .at_main .info .edit .btn_green:hover { background: linear-gradient(to right, #14d08e, #14d591); }
.application .at_main .info .edit .btn_orange:hover { background: linear-gradient(to right, #fc9c04, #f8c27a); }

.popup_gw .popup_con { width: 320px; height: 415px; padding-bottom: 30px; box-sizing: border-box; left: 50%; top: 50%; margin: 0; transform: translate(-50%, -50%); background: #ffffff; border-bottom: 6px solid #7e02fe; }
.popup_gw .popup_con .hd { border: none; }
.popup_gw .popup_con .bd { padding-top: 0; }
.popup_gw .popup_con .bd p { color: #939bae; font-size: 14px; }
.popup_gw .popup_con .bd .guwen { color: #ffffff; margin-top: 30px; }
.popup_gw .popup_con .bd .wx_box { width: 162px; height: 156px; margin: 0 auto; background: url("../img/index/wx1.png") no-repeat center; }
.popup_gw .popup_con .bd .wx_box img { width: 150px; margin-top: 6px; margin-right: 8px; border-radius: 10px; }

.app_detial .ad_header { position: relative; background: #fff; padding: 24px; box-sizing: border-box; }
.app_detial .ad_header .adh_left { margin-right: 23px; }
.app_detial .ad_header .adh_left img { width: 128px; height: 128px; }
.app_detial .ad_header .adh_right h4 { font-size: 24px; line-height: 22px; color: #333333; max-width: 1200px; }
.app_detial .ad_header .adh_right ul { margin-top: 16px; }
.app_detial .ad_header .adh_right ul li { float: left; padding: 0 10px; height: 30px; text-align: center; line-height: 30px; margin-right: 10px; border-radius: 3px; color: #e0e4ed; font-size: 12px; }
.app_detial .ad_header .adh_right ul li:nth-child(1) { color: #11be81; background: #e8f9f3; }
.app_detial .ad_header .adh_right ul li:nth-child(2) { color: #4274f4; background: #edf2ff; }
.app_detial .ad_header .adh_right ul li:nth-child(3) { color: #8661fe; background: #eee9ff; }
.app_detial .ad_header .adh_right ul li:nth-child(4) { color: #fd8e18; background: #f9f0e7; }
.app_detial .ad_header .adh_right .application_area { font-size: 14px; color: #444f6e; margin-top: 14px; }
.app_detial .ad_header .adh_right .app_price { color: #ed3436; margin-top: 19px; font-size: 16px; }
.app_detial .ad_header .adh_right .app_price span { font-size: 18px; font-family: DINPro; }
.app_detial .ad_header .adh_btn { position: absolute; right: 60px; top: 30px; }
.app_detial .ad_header .adh_btn a { display: block; margin-bottom: 10px; width: 108px; height: 36px; line-height: 36px; text-align: center; border-radius: 4px; color: #fff; font-size: 14px; }
.app_detial .ad_header .adh_btn .experience { background: #13ce98; }
.app_detial .ad_header .adh_btn .liberal { background: linear-gradient(to right, #4274f4, #5b7cfd); }
.app_detial .ad_header .adh_btn .sub { background: #fc9c04; }
.app_detial .ad_header .adh_btn .sub_gray { background: #edf3fa; color: #797e83; }
.app_detial .ad_main { padding: 24px 30px; box-sizing: border-box; background: #fff; margin-top: 18px; }
.app_detial .ad_main .adm_header { border-bottom: 1px solid #e4e7e9; }
.app_detial .ad_main .adm_header a { width: 100px; text-align: center; display: inline-block; font-size: 18px; color: #5a6066; padding-bottom: 22px; }
.app_detial .ad_main .adm_header a.on { border-bottom: 3px solid #e74122; color: #23282d; }
.app_detial .ad_main .product_d { padding-top: 12px; }
.app_detial .ad_main .product_d p { color: #23282d; font-size: 14px; line-height: 26px; margin-top: 12px; }
.app_detial .ad_main .documentation { display: none; }
.app_detial .ad_main .documentation ul { margin-top: 37px; }
.app_detial .ad_main .documentation ul li { margin-bottom: 20px; padding-bottom: 19px; border-bottom: 1px solid #e4e7e9; }
.app_detial .ad_main .documentation ul li .documentation_txt { height: 14px; line-height: 14px; font-size: 16px; padding-bottom: 2px; padding-left: 24px; background: url("../img/icon1.png") no-repeat left; }
.app_detial .ad_main .documentation ul li .documentation_btn { margin-right: 40px; }
.app_detial .ad_main .documentation ul li .documentation_btn a { font-size: 14px; color: #2c51c7; }
.app_detial .ad_main .documentation ul li .documentation_btn .download { margin-right: 20px; }

/*# sourceMappingURL=app.css.map */