@charset "utf-8";
/* 
* Author:lin xiao dong (1071322670@qq.com)
* www.openwbs.com
*/
.ow-page-hero{ background:#f6fafe; border-bottom:1px solid #e7eef5; color:#555; font-size:16px; padding:30px 40px; text-align:center; }
.ow-page-hero h1{ color:#121212; font-size:32px;}
.ow-page-hero h3{ color:#666; font-size:18px; font-weight:normal;}

/*商业授权*/
.body-empower{background-color:#f6f6f6; }
.empower-tab{ margin:auto; width:1200px; padding:20px 0px;}
.empower-tab ul.switch{ border-bottom:1px solid #c60000; height:49px; display:flex; justify-content:center;}
.empower-tab ul.switch li{ float:left; height:49px; line-height:49px; margin-left:-1px; overflow:hidden; padding:0; position:relative;}
.empower-tab ul.switch li a{ background:#e6e6e6; border:1px solid #aaa; color:#333333; display:inline-block; font-size:18px; height:48px; line-height:48px; width:180px; text-align:center;}
.empower-tab ul.switch li a ,
.empower-tab ul.switch li a:visited{ text-decoration:none;}
.empower-tab ul.switch li a:hover{ color:#c60000; text-decoration:none;}
.empower-tab ul.switch li.current { height:50px; position:relative; z-index:1;}
.empower-tab ul.switch li.current a,
.empower-tab ul.switch li.current a:hover{ background:#f6f6f6; border-color:#c60000; border-top-width:1px; padding-top:1px; color:#333; }
@media (min-width:1500px) {
	.empower-tab{ width:1470px;}
	.empower-tab ul.switch{}
}

.ow-empower{}
.ow-empower .hd-section{ padding:10px 0;}
.ow-empower .hd-section h2{ font-size:32px; font-weight:normal; text-align:center;}
.ow-empower .hd-section h5{ color:#666; font-size:14px; font-weight:normal; text-align:center;}
.ow-empower .hd-section .empower-huodong{ background:#f6f6f6; color:#c60000; font-size:18px; padding:0px 0px 10px 0px; text-align:center; }
.ow-empower .hd-section .empower-huodong .t-text{ color:#444; }
.ow-empower .hd-section .empower-huodong .huodong-text b{ font-weight:normal; }
.ow-empower .bd-section{ display:flex; flex-wrap:wrap; justify-content:center;  }
.ow-empower .sysitem{ box-sizing:border-box; background:#fff; border-radius:10px; color:#666; margin:10px 12px 30px 12px; width:calc(33.3333% - 24px); position:relative; -webkit-box-shadow:0 0 6px 3px rgba(0,0,0,0.03); -moz-box-shadow:0 0 6px 3px rgba(0,0,0,0.03); box-shadow:0 0 6px 3px rgba(0,0,0,0.03); }
.ow-empower .sysitem .hd-v{ background:url("/ow-content/uploads/images/bg/v.png") center center no-repeat; }
.ow-empower .sysitem .hd-x{ background:url("/ow-content/uploads/images/bg/x.png") center center no-repeat; }
.ow-empower .sysitem .hd-xs{ background:url("/ow-content/uploads/images/bg/xs.png") center center no-repeat; }
.ow-empower .sysitem .hd-vf{ background:url("/ow-content/uploads/images/bg/vf.png") center center no-repeat; }
.ow-empower .sysitem .hd-xf{ background:url("/ow-content/uploads/images/bg/xf.png") center center no-repeat; }
.ow-empower .sysitem .hd-xsf{ background:url("/ow-content/uploads/images/bg/xsf.png") center center no-repeat; }
.ow-empower .sysitem .hd-fobshop{ background:url("/ow-content/uploads/images/bg/fobshop.png") center center no-repeat; }
.ow-empower .sysitem .hd-wxapp{ background:url("/ow-content/uploads/images/bg/v.png") center center no-repeat; }
.ow-empower .sysitem .hd{ box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background-size:100% auto; border-radius:10px 10px 0 0; color:#fff; height:110px; }
.ow-empower .sysitem .hd h3{ display:block; font-size:24px; font-weight:normal; line-height:160%; }
.ow-empower .sysitem .hd h3 a,
.ow-empower .sysitem .hd h3 a:visited{ color:#fff; position:relative; }
.ow-empower .sysitem .hd h3 a::before { content:""; position:absolute; width:0%; height:100%; left:0px; top:1px; border-bottom:1px solid #fff; transition:0.5s;}
.ow-empower .sysitem .hd h3 a:hover::before { width:100%;}
.ow-empower .sysitem .hd h3 b{ display:block; font-size:16px; font-weight:normal; line-height:160%; text-align:center; }
.ow-empower .sysitem .bd{ font-size:16px; padding:30px 0; text-align:center;}
.ow-empower .sysitem .bd .price-old{ }
.ow-empower .sysitem .bd .price-old b{ font-weight:normal; padding:0 5px;}
.ow-empower .sysitem .bd .price-title{ color:#e60000; font-size:18px; font-weight:bold; padding-top:5px; }

.ow-empower .sysitem .bd .price-now-original{ text-decoration:line-through;}
.ow-empower .sysitem .bd .price-now{ font-size:20px; padding:5px 0 0px 0;}
.ow-empower .sysitem .bd .price-now h6{ color:#e60000; font-size:18px; padding:5px 0;}
.ow-empower .sysitem .bd .price-now .by-year{ color:#e60000; font-size:22px; padding-right:8px; }
.ow-empower .sysitem .bd .price-now .by-out{ color:#e60000; font-size:22px; padding-left:8px; }
.ow-empower .sysitem .bd .price-now .suf{ color:#666; font-size:14px; padding-left:5px;}

.ow-empower .sysitem .bd .buy{ padding:20px 0 20px 0;}
.ow-empower .sysitem .bd .buy a.buy{ background:url("/ow-content/uploads/images/bg/xs.png") center center no-repeat; background-size:100% auto; color:#fff; border-radius:8px; display:inline-block; font-size:16px; padding:10px 25px 10px 25px;}
.ow-empower .sysitem .bd .buy a.buy:hover{ background-color:#0067ed; background-position:center top; color:#fff; font-size:17px; transition:0.5s; -webkit-box-shadow:0 0 6px 3px rgba(0,0,0,0.03); -moz-box-shadow:0 0 6px 3px rgba(0,0,0,0.03); box-shadow:0 0 6px 3px rgba(0,0,0,0.13); }
.ow-empower .sysitem .bd .buy a.buy i{ margin-right:10px;}
.ow-empower .sysitem .bd .l-button{ padding:10px 0px 20px 0;}
.ow-empower .sysitem .bd .l-button a{ border:1px solid #e6e6e6; border-radius:5px; color:#666; display:inline-block; font-size:14px; margin:0 5px; padding:3px 10px; position:relative; }
.ow-empower .sysitem .bd .l-button a::before { content:""; position:absolute; width:0%; height:100%; left:0px; top:1px; border-bottom:1px solid #0067ed; transition:0.5s;}
.ow-empower .sysitem .bd .l-button a:hover { border:1px solid #0067ed; color:#0067ed;}
.ow-empower .sysitem .bd .add-wxapp{ display:none; color:#999; font-size:14px; padding-top:10px; width:100%; position:relative;}
.ow-empower .sysitem .bd .add-wxapp::before{ content:''; position:absolute; left:calc(50% - 75px); top:5px; width:150px; height:1px; border-top:1px dashed #ccc;}
@media (min-width:1500px) {
	.ow-empower .sysitem{ margin:10px 15px 50px 15px; width:calc(33.3333% - 30px); }
}

/*备注*/
.empower-section{ font-size:16px; padding:15px;}
.empower-section .wrapper{ background:#fff; border:1px solid #e6e6e6; border-radius:15px; padding:20px 50px 50px 50px; }
.empower-section .gird{ margin:auto; min-height:540px;}
.empower-section .gird1{ border-right:1px solid #eee;float:left; width:500px; margin-right:48px; padding-right:50px;}
.empower-section .gird2{ float:left; width:400px;}
.empower-section ul{}
.empower-section ul li{ padding:0px 0px 10px 0px;}
.empower-section h2{ color:#c30007; font-size:16px; margin:15px 0px 0px 0px; padding:5px 0px 5px 0px;}
.empower-section p{ padding:0px 0px 5px 0px;}
.empower-section span.tipline{ color:#888; display:block; font-size:12px;}
.empower-section span.sep{ padding:0px 3px;}
.empower-section table th{ background:#f6f6f6; color:#333;}
.empower-section table td{ text-align:center;}

/**版本功能列表**/
.empower-section h2.center-h2 { background:#fff; color:#333; font-size:24px; height:32px; line-height:32px; overflow:hidden; padding:5px 0px 40px 0px; text-align:center; }
.empower-section h2.center-h2 span { position:relative; }
.empower-section h2.center-h2 span:after,
.empower-section h2.center-h2 span:before{content:""; position:absolute; top:60%; left:0; width:100px; border-top:1px solid #e0e0e0; transform:translate3d(-150%,-50%,0); -webkit-transform:translate3d(-150%,-50%,0); }
.empower-section h2.center-h2 span:after { left:auto; right:0; transform:translate3d(150%,-50%,0); -webkit-transform:translate3d(150%,-50%,0);}
.empower-section .function-list-table{ color:#000; font-size:16px; }
.empower-section .function-list-table th{ background:#fcf4f2; font-size:18px; padding:10px;}
.empower-section .function-list-table th b{ color:#fff; font-weight:normal; }
.empower-section .function-list-table td{ padding:10px;}
.empower-section .function-list-table th.hd-v{ background:url("/ow-content/uploads/images/bg/v.png") center center no-repeat; background-size:100% auto; }
.empower-section .function-list-table th.hd-x{ background:url("/ow-content/uploads/images/bg/x.png") center center no-repeat; background-size:100% auto; }
.empower-section .function-list-table th.hd-xs{ background:url("/ow-content/uploads/images/bg/xs.png") center center no-repeat; background-size:100% auto; }
.empower-section .function-list-table tr:hover td{ background:#fcf4f2;}
.empower-section .function-list-table tr td i{ color:#248c00; font-style:normal; font-weight:bold;}
.empower-section .important{ background:#fe254f; color:#fff; display:inline-block; border-radius:5px; padding:0 8px; }


/*自助申请商业授权流程*/
.empower-design{}
.empower-design-section{ margin:0px auto; width:1200px; padding:50px 0px 80px 0px;}
.empower-design-section .hd{ text-align:center; }
.empower-design-section .hd h2{ font-size:32px; font-weight:normal;}
.empower-design-section .hd p{ font-size:16px; padding:10px 0px 0px 0px;}
.empower-design .section{ background:url("../images/spage/webbuild_process.png") center 0px no-repeat; height:360px;}
.empower-design .section_empower{ background:url("../images/spage/empower_process.png") center center no-repeat; height:300px;}
.empower-design .do{ padding:20px 0px 10px 0px; text-align:center; }


#tabbox{ min-height:1200px;}
/*商业授权价格*/
.spg-empower-price{ background-color:#f6f6f6; font-size:14px; padding:10px 0px;}

.price-table{}
.price-table .table{ background:#fff; color:#333; font-size:16px; margin:auto;}
.price-table .table th{ background-color:#fff; color:#fff; font-weight:normal; font-size:18px; padding:20px 20px;}
.price-table .table th.v{ background-color:#29abc1!important; border-color:#29abc1; }
.price-table .table th.vf{ background-color:#219bb0!important; border-color:#219bb0; }
.price-table .table th.x{ background-color:#2b759a!important; border-color:#2b759a; }
.price-table .table th.xf{ background-color:#23688a!important; border-color:#23688a; }
.price-table .table th.xs{ background-color:#004162!important; border-color:#004162; }
.price-table .table td{ border-color:#e8e8e8!important; padding:12px 10px; }
.price-table .table td.module{ background-color:#fcfcfc; color:#666; font-size:14px; text-align:center; vertical-align:middle;}
.price-table .table td{ font-size:22px; text-align:center; text-align:center; vertical-align:middle;}
.price-table .table td a.buy,
.price-table .table td a.buy:visited{ color:#2467b2; font-size:14px; margin-left:15px;}
.price-table .table-striped > tbody > tr:nth-child(odd) > td{ background-color:#f6f6f6!important; }
.price-table .old{ color:#888; font-size:16px!important; text-decoration:line-through;}
.price-table .old b{ font-size:20px; padding:0px 6px;}
.price-table .now{ color:#c60000; padding:5px 0px; }
.price-table .now-by-year{ font-size:18px;}
.price-table .font14{ font-size:14px;}
.price-table .sep{ color:#888; padding:0px 4px;}
.price-table .pl10{ padding-left:10px;}
.price-table .hd{ border-bottom:1px solid #eee; color:#c60000; display:inline-block; font-size:18px; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; }
.price-table .standard td{ color:#384050;}
.price-table .add-wxapp{ border-top:1px solid #eee; font-size:15px; margin:0px 15px; padding:15px 0px 5px 0px;}