* { box-sizing: border-box; padding: 0; margin: 0; }
a, a:hover { color: #676a6c; text-decoration: none }
html, body { height: 100%; }
body { color: #676a6c; }
.tab-content::-webkit-scrollbar-track { background-color: #F5F5F5; }
.tab-content::-webkit-scrollbar { width: 0px; background-color: #F5F5F5; }
.tab-content::-webkit-scrollbar-thumb { background-color: #999; }
.gray-bg { background-color: #f3f3f4; }
.addon_box { display: flex; flex-wrap: wrap; }
.addon_box .addon_item { width: 300px; height: 100px; display: flex; background-color: #ffffff; border: 1px solid #e7eaec; padding: 5px; margin-bottom: 10px; margin-right: 5px; position: relative; }
.biaoqian { width: 30px; height: 50px; position: absolute; top: -4px; right: 5px; display: flex; align-items: center; justify-content: center; color: #fff; }
.biaoqian.kegeng { border-left: 15px solid red; border-right: 15px solid red; border-bottom: 10px solid transparent; }
.biaoqian.yigou { border-left: 15px solid green; border-right: 15px solid green; border-bottom: 10px solid transparent; }
.addon_box .addon_item .item_right { margin-left: 5px }
.addon_box .addon_item .plugin_title { font-size: 16px; font-weight: bold; }
.addon_box .addon_item .plugin_price { margin-right: 6px; color: #f60; font-weight: 400; font-size: 14px; }
.addon_box .addon_item .plugin_version { font-size: 14px; }
.addon_box .addon_item .plugin_update { font-size: 14px; }
.addon_box .addon_item .plugin_installnum { font-size: 14px; }
.plugin_box { display: flex; justify-content: center; height: 100% }
.plugin_detail { width: 950px; display: flex; }
.plugin_detail .plugin_left { background: #fff; flex: 1; }
.plugin_detail .plugin_left .plugin_content img { max-width: 100% }
.plugin_detail .plugin_right .plugin_top { position: fixed; top: 0; width: 300px; bottom: 0; background: #fff; padding-left: 10px; padding-right: 10px; }
.plugin_detail .plugin_right { background: #fff; width: 300px; display: flex; flex-direction: column;    /*padding-left: 10px;*/    /*padding-right: 10px;*/
margin-left: 5px; }
.plugin_detail .plugin_right .plugin_name { overflow: hidden; height: 46px; line-height: 46px; padding-bottom: 3px; font-weight: 400; font-size: 18px; }
.plugin_detail .plugin_right .plugin_price { margin: 8px 0; padding: 0 10px; height: 40px; border-radius: 4px; background: #ebfaff; line-height: 40px; padding-right: 10px; color: #f60; font-size: 24px; font-weight: bold; }
.plugin_detail .plugin_right .plugin_param { font-size: 12px; color: #999; padding: 5px 0; }
.plugin_detail .plugin_right .plugin_param.v span { margin-right: 2px; padding: 0 3px; background: #f90; color: #fff; font-size: 12px; font-weight: 400; border-radius: 2px; }
.plugin_detail .plugin_right .plugin_param.c span { margin-right: 2px; padding: 0 3px; background: #237ffd; color: #fff; font-size: 12px; font-weight: 400; border-radius: 2px; }
.plugin_detail .plugin_right .plugin_btn .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; background-color: #1ab394; border-color: #1ab394; color: #FFFFFF; width: 45% }
.nav { padding-left: 0; margin-bottom: 0; list-style: none; display: flex; }
.nav-tabs { }
.tabs-container { height: 100%; display: flex; flex-direction: column; }
.tabs-container .nav-tabs { border-bottom: 1px solid #e7eaec; }
.tabs-container .nav-tabs>li { margin-bottom: -1px; }
.nav.nav-tabs li { background: none; border: none; display: flex; }
.nav.nav-tabs li a { color: #A7B1C2; font-weight: 600; padding: 10px 20px 10px 25px; margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; }
.nav.nav-tabs li.active a em { width: 20px; height: 3px; background: #237ffd; }
.nav>li.active>a { color: #555555; display: flex; flex-direction: column; align-items: center; }
.panel-body { background: #fff;    /*border-top: 1px solid #e7eaec;*/ border-radius: 2px; padding: 15px; font-size: 13px; line-height: 20px }
.tabs-container .tab-content>.tab-pane { display: none; }
.tabs-container .tab-content>.active { display: block; }
.tabs-container .tab-content { overflow-y: auto; }
.red { color: red }
.green { color: green }
input, select, textarea { padding: 1px; border: 1px solid; border-color: #ccc; background: #f9f9f9; color: #333; resize: none; }
.txt { margin-right: 10px; width: 250px; height: 28px; line-height: 28px; font-size: 13px; border-radius: 3px; padding: 0 6px; }
.pay_box #pay_confirm_form .partition { padding: 8px 10px !important; background: #f4f4f4; border-radius: 4px; }
.pay_box { padding: 10px 15px 15px 15px; min-height: 400px; border-radius: 4px; line-height: 22px; display: flex; justify-content: center; align-items: center; }
.pay_box #pay_confirm_form { width: 950px; background: #fff; }
.pay_box #pay_confirm_form table { width: 100% }
.pay_box #pay_confirm_form td { font-size: 13px; padding: 8px 10px !important; border-top: 1px dotted #ddd; line-height: 22px; }
.pay_box #pay_confirm_form .addon-btn { display: inline-block; height: 34px; line-height: 34px; padding: 0 18px; background-color: #f60; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; }
.plugin_content .bm_h, .plugin_history .bm_h { padding: 0; height: 35px; border-bottom: 0; margin-bottom: 10px; line-height: 32px; white-space: nowrap; overflow: hidden; background: 0 0 !important; }
.plugin_content .bm_h h2, .plugin_history .bm_h h2 { font-size: 14px; display: inline-block; border-bottom: 3px solid #e4e8f1; }
.plugin_content a, .plugin_history a { color: #237ffd; }