.containerbig1300 { width:1300px; padding: 0; display: block; margin: 0 auto; }
/*标题区域*/
.subject { text-align:center; }
.subject h2 { font-size:24px; color:#0c0c0c; margin:30px 0; position:relative; padding-bottom:18px; margin-bottom:24px; }
.subject h2:after { content:''; display:inline-block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:6px; width:40px; background:#ffa601; border-radius:3px }
.subject h4 { font-size:30px; line-height:45px; font-weight:bold; letter-spacing:0.5px; color:#161c2d; }
.subject p { font-size:16px; line-height:26px; font-weight:400; color:#8492a6; padding:0 10px; }
.subject .ui-scroll { margin:15px 0; }
.subject .ui-scroll li b { font-weight:normal; display:inline-block; margin-right:15px; }
.subject .ui-scroll li span { color:#f30; display:inline-block; margin-left:10px; }
/*产品价格*/
.page_warp { background:#fff; padding:30px 0 20px 0; }
.page_body { max-width:1480px; margin:0 auto; padding:0 20px; }
.page_body .title { text-align:center; }
.page_body .title h1 { font-size:24px; color:#0c0c0c; margin:10px 0 30px 0; }
.page_body .info { background:#fff; border:1px solid #e0eaff; box-shadow:0 3px 16px rgba(0, 116, 255, .05); text-align:center; padding:15px 0; margin-bottom:30px; }
.page_body .info span { color:#999; }
.page_body h2 { font-size:24px; color:#0c0c0c; margin:30px 0; position:relative; margin-bottom:15px; }
.page_body h3 { margin:30px 24px 20px 24px; border-bottom:1px solid #f3f3f3; padding-bottom:15px; font-weight:500; }
.page_body h3:hover { border-bottom-color:#eee; font-weight:bold; }
.page_body p { font-size:16px; line-height:2; margin-bottom:20px; color:#666; }
.page_body p img { max-width:100%; }
.price-wrap { display:flex; margin:60px 0 0 0; flex-wrap:wrap; width:102%; }
.price-item { width:31%; margin:0 2% 2% 0; box-shadow:rgba(60, 72, 88, 0.2) 0px 0px 3px 0px; background:#fff; padding:30px; border-radius:10px; transition:all 0.5s ease; position:relative; }
.price-item .name { text-align:left; }
.price-item .name span { background:#f5f9ff; border:1px solid #e0eaff; padding:10px 30px; display:inline-block; color:#2F55D4; border-radius:40px; }
.price-item .price { color:#999; padding:15px 0; }
.price-item .price span { font-size:36px; color:#333; }
.price-item .price del { color:#f30; margin-left:15px; }
.price-item .desc { color:#333; line-height:24px; }
.price-item ul { margin:40px 0 80px 0; list-style:none; border-top:1px solid #E9ECEF; padding-top:30px; }
.price-item ul li { line-height:40px; height:40px; color:#8492a6; }
.price-item ul li i { color:#2F55D4; margin-right:10px; font-size:24px; }
.price-item a.action { margin:25px 0 0 0; border:1px solid #2f55d4; background:#2f55d4; position:absolute; bottom:40px; right:30px; left:30px; color:#fff; text-align:center; padding:13px 0; border-radius:6px; box-shadow:rgba(47, 85, 212, 0.3) 0px 3px 5px 0px }
.price-item a.action:hover { background:#2443AC; border-color:#2443AC; }
.price-item:hover { transform:scale(1.06); box-shadow:0 5px 13px rgba(60, 72, 88, 0.2) }
.price-item:hover .price span { color:#f30; }
.price-item .link { text-align:center; margin:40px 0 0 -10px; display:flex; }
.price-item .link a { display:block; border:1px solid #e3e3e3; color:#666; flex:1; padding:10px 0; font-size:15px; border-radius:2px; margin-left:10px; }
.price-item .link a.active { border-color:#2469F6; color:#2469F6; }
.price-item .link a:hover { border-color:#2469F6; color:#2469F6; }
.price-item .close { position:absolute; left:0; right:0; bottom:0; top:0; display:flex; align-items:center; text-align:center; background:rgba(0, 0, 0, .6); justify-content:center; z-index:1; border-radius:10px; }
.price-item .close em { display:block; padding:10px 40px; text-align:center; border:1px solid #fff; color:#fff; border-radius:30px; }
.price-wrap.red .price-item .name span { background:#FFF9F9; border-color:#FFD8D1; color:#FA563A; }
.price-wrap.red .price-item ul li i { color:#FA563A; }
.price-wrap.red .price-item a.action { border:1px solid #FA563A; background:#FA563A; box-shadow:rgba(250, 86, 58, 0.3) 0px 3px 5px 0px }
.price-wrap.red .price-item a.action:hover { background:#EF4225; border-color:#EF4225; }
.price-wrap.green .price-item .name span { background:#F4FDF8; border-color:#C2F1D8; color:#07C160; }
.price-wrap.green .price-item ul li i { color:#07C160; }
.price-wrap.green .price-item a.action { border:1px solid #07C160; background:#07C160; box-shadow:rgba(7, 193, 96, 0.3) 0px 3px 5px 0px }
.price-wrap.green .price-item a.action:hover { background:#02AC53; border-color:#02AC53; }
.price-wrap.red .link a.active { border-color:#EF4225; color:#EF4225; }
.price-wrap.red .link a:hover { border-color:#EF4225; color:#EF4225; }
.price-wrap.green .link a.active { border-color:#02AC53; color:#02AC53; }
.price-wrap.green .link a:hover { border-color:#02AC53; color:#02AC53; }
.ring { position:absolute; top:-5px; right:-5px; width:110px; height:110px; overflow:hidden; z-index:10; }
.ring span { position:absolute; color:#fff; font-size:15px; line-height:40px; background:#FF6300; transform:rotate(45deg); text-align:center; right:-36px; width:150px; top:18px; }
.ring span:before { content:""; position:absolute; top:100%; left:0; width:5px; height:5px; color:#fff; border:3px solid transparent; border-left-color:#d55b0e; border-top-color:#d55b0e; }
.ring span:after { content:""; position:absolute; top:100%; right:0; width:5px; height:5px; color:#fff; border:3px solid transparent; border-right-color:#d55b0e; border-top-color:#d55b0e; }
.ring span a { color:#fff; }
/*版本区别*/
.version { max-width:1480px; margin:40px auto 0 auto; padding:0px 20px; position:relative; }
.version-header { display:flex; border:1px solid #f3f3f3; border-radius:10px 10px 0 0; align-items:center; background:#F8FBFF; position:relative; }
.version-header-left { width:260px; color:#666; text-align:center; }
.version-header-right { flex:1; overflow:hidden; display:flex; }
.version-header-right .name { text-align:center; flex:1; font-size:24px; font-weight:400; border-left:1px solid #f3f3f3; padding:30px 0; }
.version-header-right .name span { display:block; text-align:center; font-size:15px; border:1px solid #eee; border-radius:30px; width:110px; margin:20px auto 0 auto; line-height:40px; background:#fff; color:#999 }
.version-header-right .name.active span { border-color:#098df9; color:#098df9; }
.version-item { display:flex; border-bottom:1px solid #f3f3f3; align-items:center; border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3; }
.version-item-left { width:260px; text-align:left; color:#666; padding:0 20px; display:flex; justify-content:space-between; align-items:center; position:relative; }
.version-item-left span { display:block; }
.version-item-left i { display:block; color:#ddd; font-size:22px; cursor:pointer; }
.version-item-left i:hover { color:#FF6300; }
.version-item-right { flex:1; overflow:hidden; display:flex; }
.version-item-right .item { text-align:center; flex:1; color:#8492a6; border-left:1px solid #f3f3f3; line-height:60px; }
.version-item-right .item i { }
.version-item-right .item i.red { color:#EF4225 }
.version-item-right .item i.green { color:#02AC53 }
.version-item-right .item span { color:#999; }
.version-item:hover { background:#F8FBFF; }
.version-footer { padding:20px 0; }
.version-footer i.red { color:#EF4225 }
.version-footer i.green { color:#02AC53 }
.version-footer span { color:#999; }
.version-hide { position:absolute; left:260px; top:-34px; right:0px; bottom:35px; padding:30px 20px; display:flex; }
.version-hide .item { flex:1; padding:40px 0; position:relative; }
.version-hide .item:before { position:absolute; content:""; left:0; right:0; top:0; bottom:0; border:4px solid #098df9; border-radius:16px; z-index:19; display:none; }
.version-hide .item:hover:before { display:block; box-shadow:0 5px 40px 0 rgba(0, 0, 0, .2); }
.version-item:last-child { border-radius:0 0 10px 10px }
.version.red .version-header { background:#FFF9F9; }
.version.red .version-header-right .name.active span { border-color:#FF6161; color:#FF6161; }
.version.red .version-item:hover { background:#FFF9F9; }
.version.red .version-hide .item:before { border-color:#FF6161; }
.version.green .version-header { background:#F8FCF9; }
.version.green .version-header-right .name.active span { border-color:#07C160; color:#07C160; }
.version.green .version-item:hover { background:#F8FCF9; }
.version.green .version-hide .item:before { border-color:#07C160; }
.faq { margin:30px 0; }
.faq .ui-collapse-menu-title { background:#F5F9FF; border-bottom:0; border-radius:6px; padding:6px 15px 6px 30px; margin-top:15px; border:1px solid #E9EEFB; min-height: 45px; line-height: 45px; cursor:pointer; }
.faq .ui-collapse-menu-title i { color:#999; }
.faq .ui-collapse-menu-title a { color:#333; font-size: 16px; }
.faq .ui-collapse-menu-title.active { background:#F5F9FF; border-radius:6px 6px 0 0; }
.faq .ui-collapse-menu-title.active a { color:#296BEF; font-weight:bold; }
.faq .ui-collapse-menu-title.active i { color:#296BEF; }
.faq .ui-collapse-menu-body { background:#fff; border-radius:0 0 6px 6px; padding:0px 30px; border:1px solid transparent; border-top:0; height: 0; transition: all 0.3s; overflow: hidden; width: 100%; }
.faq .ui-collapse-menu-body.acitvetext { height: 110px; padding: 20px 30px; border:1px solid #E9EEFB; }
.ui-collapse-menu-body { display: block !important; }
.faq .ui-collapse-menu-body .ui-row { justify-content:space-between; }
.faq .ui-collapse-menu-body .tips { margin:3px 15px 0 0; }
.faq .ui-collapse-menu-body .tips span { background:#296BEF; display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; color:#fff; border-radius:50%; }
.faq .ui-collapse-menu-body .ans { flex:1; overflow:hidden; line-height:30px; }
.faq .ui-collapse-menu-body .ans span { color:#999 }
.faq .ui-collapse-menu-body .ans a { color:#f30 }
.faq .ui-collapse-menu-body .ans a:hover { text-decoration:underline; }