@charset "UTF-8";
/**
 * [OElove] (C)2010-2099 oelove.com Inc.
 * Email：service@phpcoo.com，phpcoo@qq.com
 * This is not a freeware, use is subject to license terms
 * $Id：WBAPP/style.css LastTime 14:22 2019/3/4 Update by wz$
*/


i {
  font-style: normal;
}

 
.cursor {
  cursor: pointer;
}

input {
  font-family: Microsoft Yahei;
}
button{
  outline: none;
}
a, input, textarea {
  outline: none;
}

.cursor {
  position: cursor;
}

a {
  color: #666;
}

.oe_container {
  width: 1200px;
  margin: 0 auto;
}

.clearfix {
  overflow: hidden\0;
}

.clearfix::after {
  content: " ";
  display: block;
  clear: both;
  visibility: visible;
  height: 0;
}

.text_center {
  text-align: center;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.fl {
  float: left;
}

.ft {
  float: right;
}
.oe_headbar .top {
  min-width: 1200px;
  background-color: #292929;
  
}
.oe_headbar .navbar{
  height: 91px;
  position: relative;
}
.oe_headbar .navbar .bar{box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05); background: #fcfcfc;z-index: 1000;}

.oe_headbar .top .text {
  line-height: 40px;
  color: #fff;
}

.oe_headbar .top .right .icon {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/icon_spirit.png) no-repeat;
}

.oe_headbar .top .right .trends{color:#fff; line-height: 40px; margin-right: 35px; position: relative;}
.oe_headbar .top .right .trends img{position: absolute; top:4px;}

.oe_headbar .top .right .help {
  margin-right: 15px;
}

.oe_headbar .top .right .help .icon {
  background-position: 0 0;
}

.oe_headbar .top .right .phone .icon {
  background-position: -43px 0;
}

.oe_headbar .top .right .open {
  margin-right: 15px;
}

.oe_headbar .top .right .open .icon {
  background-position: -21px 0;
}

.oe_headbar .top .right span {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
}

.oe_headbar .logo img{
  vertical-align: top;
}

.oe_headbar .nav li {
  float: left;
  position: relative;
}

.oe_headbar .nav li>a {
  display: block;
  padding: 35px 30px;
  font-size: 16px;
  position: relative;
}

.oe_headbar .nav li.drop:hover em{
  border-bottom-color: #007cf7;
  border-top-color: transparent;
  top: 39px;
}
.oe_headbar .nav li.drop:hover .dropdown{
  display: block;
}

.oe_headbar .nav li .dropdown{
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 91px;
  left: 0;
  box-shadow: 0 0 5px rgba(174, 174, 174, 0.3);
  z-index: 100;
  display: none;
  border-radius: 5px;
  padding: 10px 0;
}
.oe_headbar .nav li .dropdown a{
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  padding: 0 15px;
  display: block;
  text-align: center;
  border-radius: 3px;
}
.oe_headbar .nav li .dropdown .angle {
  width: 10px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -5px;
  box-shadow: 0 0 5px rgba(174, 174, 174, 0.3);
  transform: matrix(.71,.71,-.71,.71,0,0);
  -ms-transform: matrix(.71,.71,-.71,.71,0,0);
  -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
}
.oe_headbar .nav li .dropdown::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #fff;
  border-radius: 3px;
}

.oe_headbar .nav a.current {
  color: #007cf7;
}

.oe_headbar .nav a.current em {
  border-top-color: #007cf7;
}

.oe_headbar .nav a em {
  width: 0;
  height: 0;
  border: 5px solid #828282;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: 44px;
  right: 15px;
}

.oe_headbar .nav a:hover {
  color: #007cf7;
}

.oe_headbar .nav  li.current a em {
  border-bottom-color: #007cf7;
  border-top-color: transparent;
  top: 39px;
}

.oe_footbar {
  min-width: 1200px;
  background-color: #242d3c;
  padding: 15px 0 36px;
}

.oe_footbar .nav {
  padding: 18px 0;
  border-bottom: 1px solid #293445;
}

.oe_footbar .nav a {
  color: #fff;
  font-size: 14px;
}
.oe_footbar .nav a:hover{opacity: 0.8;}
.oe_footbar .nav span {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 12px;
  background-color: #7a8699;
  margin: 0 15px;
}

.oe_footbar .info {
  padding-top: 26px;
  line-height: 26px;
}

.oe_footbar .info .left ,.oe_footbar .info .left a{
  color: #d7dce4;
}


.oe_footbar .info .rz {
  width: 344px;
  height: 36px;
  background: url(../images/icon_spirit.png) no-repeat 0 -20px;
  margin-top: 10px;
}

.oe_footbar .info .contact {
  margin-right: 80px;
}

.oe_footbar .info .contact .phone_box {
  margin-bottom: 15px;
}

.oe_footbar .info .contact h3 {
  font-size: 14px;
  line-height: normal;
  color: #999;
  margin-bottom: 10px;
}

.oe_footbar .info .contact .phone {
  color: #fff;
  font-size: 18px;
}

.oe_footbar .info .contact .phone em {
  width: 19px;
  height: 19px;
  background: url(../images/icon_spirit.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.oe_footbar .info .contact .phone em.business {
  background-position: -64px 0;
}

.oe_footbar .info .contact .phone em.install {
  background-position: -89px 0;
}

.oe_footbar .info .contact p {
  margin-top: 8px;
  color: #fff;
  font-size: 12px;
}

.oe_footbar .qr_code {
  margin-right: 10px;
}

.oe_footbar .qr_code .box {
  width: 129px;
  height: 129px;
  overflow: hidden;
  background-color: #fff;
}

.oe_footbar .qr_code .box img {
  width: 100%;
  height: 100%;
}

.oe_footbar .qr_code .text {
  margin-top: 10px;
  color: #fff;
  line-height: 20px;
}

.oe_consultation {
  width: 100%;
  min-width: 1200px;
  background-color: #191d2f;
  padding: 20px 0;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
}

.oe_consultation .oe_container {
  position: relative;
}

.oe_consultation .left {
  font-size: 18px;
  color: #fff;
  line-height: normal;
  padding-left: 50px;
  line-height: 42px;
}

.oe_consultation .left span {
  color: #ee8b23;
  font-weight: bold;
}

.oe_consultation .btn_group {
  padding-right: 50px;
}

.oe_consultation .btn {
  width: 163px;
  height: 42px;
  border-radius: 2px;
  background-color: #ee8b23;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.oe_consultation .btn:hover {
  background-color: #e1821d;
}

.oe_consultation .btn.border {
  border: 1px solid #ee8b23;
  color: #ee8b23;
  background-color: transparent;
}
.oe_consultation .btn.border:hover{
  border-color: #ff972a;
  color: #ff972a;
}

.oe_consultation .close {
  position: absolute;
  top: -10px;
  right: 15px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(../images/icon_spirit.png) no-repeat -118px 0;
}

.oe_app {
  width: 1000px;
  padding-bottom: 50px;
}

.oe_app .title {
  font-size: 18px;
  line-height: 34px;
  padding: 15px 0;
  background:#f5f5f5;
}
.oe_app .title .search{padding-left: 15px;}
.oe_app .title .search input {
  border: 1px solid #007cf7;
  outline: none;
  padding: 0 6px;
  float: left;
  height: 32px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  width: 300px;
}

.oe_app .title .search .btn {
  float: left;
  height: 34px;
  line-height: 34px;
  color: #fff;
  background-color: #007cf7;
  padding: 0 10px;
  font-size: 14px;
  cursor: pointer;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.oe_app .search_condition {
  background-color: #fff;
  border-radius: 5px;
  padding: 20px 25px;
  margin-bottom: 10px;
  padding-left: 30px;
  border-bottom: 1px solid #f7f7f7;
}

.oe_app .search_condition .item {
  position: relative;
  padding-left: 55px;
  overflow: hidden;
  line-height: 20px;
}

.oe_app .search_condition .item h3 {
  position: absolute;
  top: 5px;
  left: 0;
  font-size: 15px;
  padding: 2px 10px 2px 0;
  color: #666;
  font-weight: normal;
}

.oe_app .search_condition .item a {
  padding: 2px 10px;
  margin: 5px;
  float: left;
  cursor: pointer;
  border-radius: 2px;
  font-size: 14px;
  color: #333;
}

.oe_app .search_condition .item a.current {
  background: #007cf7;
  color: #fff !important;
}

.oe_app .search_condition .item a:hover {
  color: #007cf7;
}

.oe_app ul {
  margin: 0 -8px;
}

.oe_app ul li {
  width: 25%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px;
}

.oe_app ul .box {
  background-color: #fff;
  border-radius: 5px;
  padding: 15px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.01);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.01);
  cursor: pointer;
}

.oe_app ul .box:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.oe_app ul .box .header {
  overflow: hidden;
  border-bottom: 1px dashed #ebebeb;
  padding-bottom: 15px;
}

.oe_app ul .box .pic {
  width: 80px;
  height: 80px;
  background-color: #f5f5f5;
  border-radius: 3px;
  overflow: hidden;
  float: left;
}

.oe_app ul .box .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.oe_app ul .box .info {
  float: left;
  margin-left: 10px;
}

.oe_app ul .box .info h3 {
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: normal;
}

.oe_app ul .box .info .price {
  color: #f40;
  margin-top: 8px;
}

.oe_app ul .box .info .use {
  color: #999;
  margin-top: 8px;
}

.oe_app ul .box .body {
  padding-top: 10px;
  color: #999;
}

.oe_app ul .box .body span {
  color: #007cf7;
}

.oe_app_detail {
  background-color: #f5f5f5;
  padding: 30px 0;
}

.oe_app_detail .detail {
  width: 890px;
  padding: 30px;
  background-color: #fff;
  border-radius: 5px;
}

.oe_app_detail .header .pic {
  width: 300px;
  height: 300px;
  overflow: hidden;
  margin-right: 15px;
  background-color: #f5f5f5;
}

.oe_app_detail .header .pic img {
  width: 100%;
  height: 100%;
}

.oe_app_detail .header .info h3 {
  font-size: 20px;
  line-height: normal;
  font-weight: normal;
  margin-bottom: 20px;
}

.oe_app_detail .header .row {
  margin-bottom: 10px;
  position: relative;
  padding-left: 80px;
  line-height: 24px;
}

.oe_app_detail .header .row strong {
  color: #007cf7;
  font-family: Arial;
}

.oe_app_detail .header .row .label {
  position: absolute;
  top: 0;
  left: 0;
  color: #999;
}

.oe_app_detail .header .row .tag {
  line-height: normal;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  background-color: #007cf7;
  color: #fff;
  padding: 0 10px;
  border-radius: 2px;
}

.oe_app_detail .header .btn_box {
  margin-top: 40px;
}

.oe_app_detail .header .btn_box button {
  width: 200px;
  text-align: center;
  line-height: 46px;
  color: #fff;
  background-color: #007cf7;
  border-radius: 3px;
  display: inline-block;
  border: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
  font-size: 16px;
}

.oe_app_detail .body {
  margin-top: 50px;
}

.oe_app_detail .body .title {
  font-size: 20px;
  color: #007cf7;
  line-height: normal;
  padding-bottom: 10px;
  border-bottom: 1px solid #007cf7;
}

.oe_app_detail .body .article {
  margin-top: 20px;
  font-size: 16px;
  line-height: 22px;
}

.oe_app_detail .app {
  width: 200px;
  background-color: #fff;
  border-radius: 5px;
  padding: 15px;
}

.oe_app_detail .app h1 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}

.oe_app_detail .app li {
  overflow: hidden;
  padding: 15px 0;
}

.oe_app_detail .app li .pic {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 3px;
  background-color: #f5f5f5;
  margin-right: 10px;
}

.oe_app_detail .app li .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.oe_app_detail .app li .info h3 {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: normal;
}

.oe_app_detail .app li .info .text {
  font-size: 12px;
  color: #999;
  margin-top: 3px;
}

.oe_breadcrumb {
  padding: 20px 0;
}

.oe_breadcrumb a {
  color: #949494;
}

.oe_breadcrumb span {
  font-family: '宋体';
  color: #949494;
}

.oe_aside_menu {
  width: 172px;
  float: left;
  border: 1px solid #f0f0f0;
  border-left: 0;
}

.oe_aside_menu a {
  display: block;
  line-height: 45px;
  padding-left: 23px;
  font-size: 16px;
  border-left: 1px solid #f0f0f0;
}

.oe_aside_menu a:hover {
  color: #007cf7;
}

.oe_aside_menu li + li a {
  border-top: 1px solid #f0f0f0;
}

.oe_aside_menu li.current a {
  border-left: 4px solid #007cf7;
  padding-left: 19px;
  color: #007cf7;
}

.oe_about_detail {
  width: 974px;
  float: right;
}

.oe_about_detail .title {
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 15px;
}

.oe_about_detail .title h1 {
  font-size: 32px;
  line-height: normal;
  font-weight: normal;
  position: relative;
}

.oe_about_detail .title h1::after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 30px;
  height: 4px;
  background-color: #fd6827;
}

.oe_about_detail .title .text {
  color: #c7c7c7;
  font-size: 16px;
  margin-top: 5px;
}

.oe_about_detail .article {
  margin-top: 20px;
  font-size: 16px;
  line-height: 30px;
  padding-bottom: 50px;
}

.oe_inner_banner {
  width: 100%;
  overflow: hidden;
}



.oe_banner {
  min-width: 1200px;
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 600px;
}
/*
.oe_banner .bd ul {
  width: 100%;
  height: 600px;
  position: relative;
}

.oe_banner .bd li {
  width: 1920px;
  height: 600px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
}
*/
.oe_banner .hd {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 10;
  text-align: center;
}

.oe_banner .hd li {
  width: 11px;
  height: 6px;
  display: inline-block;
  vertical-align: top;
  background-color: #b9adad;
  margin: 0 3px;
  cursor: pointer;
}

.oe_banner .hd li.on {
  width: 34px;
  background-color: #fff;
}

.oe_product_display {
  padding: 60px 0 30px;
}

.oe_product_display .title {
  text-align: center;
}

.oe_product_display .title h1 {
  line-height: normal;
  font-size: 32px;
}

.oe_product_display .title .text {
  font-size: 18px;
  margin-top: 10px;
}

.oe_product_display .product {
  margin-top: 56px;
}

.oe_product_display .item {
  width: 33.3%;
  padding: 10px 44px 28px;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.oe_product_display .item.border_top {
  border-top: 1px solid #f7f7f7;
}

.oe_product_display .item.border_right {
  border-right: 1px solid #f7f7f7;
}

.oe_product_display .item .icon {
  width: 70px;
  height: 64px;
  margin: 0 auto;
  background: url(../images/icon_spirit.png) no-repeat;
}

.oe_product_display .item .icon.love {
  background-position: 1px -74px;
}

.oe_product_display .item .icon.expand {
  background-position: -92px -74px;
}

.oe_product_display .item .icon.crm {
  background-position: -184px -74px;
}

.oe_product_display .item .icon.mini {
  background-position: -272px -74px;
}

.oe_product_display .item .icon.app {
  background-position: 5px -157px;
}

.oe_product_display .item .icon.constom {
  background-position: -94px -158px;
}

.oe_product_display .item h3 {
  font-size: 18px;
  margin-top: 26px;
  font-weight: normal;
}

.oe_product_display .item .text {
  line-height: 25px;
  color: #999;
  margin-top: 6px;
  min-height: 75px;
}

.oe_product_display .btn_group {
  margin-top: 70px;
  text-align: center;
}

.oe_product_display .btn_group button {
  width: 268px;
  height: 50px;
  cursor: pointer;
  border: 0;
  display: inline-block;
  background-color: #007cf7;
  color: #fff;
  text-align: center;
  line-height: 50%;
  font-size: 18px;
  margin: 0 20px;
  border-radius: 3px;
}
.oe_product_display .btn_group button:hover {
  background-color: #006fdd;
}

.oe_product_display .btn_group button.light {
  border: 1px solid #007cf7;
  background-color: #fff;
  color: #007cf7;
}
.oe_product_display .btn_group button.light:hover {
  border: 1px solid #006fdd;
  background-color: #f9f9f9;
  color: #006fdd;
}

.oe_service {
  min-width: 1200px;
  background: url(../images/bg.jpg) no-repeat;
  padding: 90px 0 80px;
  overflow: hidden;
}

.oe_service .oe_container {
  position: relative;
}

.oe_service .oe_container h2 {
  font-size: 36px;
  color: #263a4b;
  line-height: normal;
  font-weight: normal;
  margin-bottom: 15px;
}

.oe_service .oe_container .text_cell {
  width: 650px;
  position: relative;
  padding-left: 20px;
  line-height: 40px;
  font-size: 16px;
  color: #444c54;
}

.oe_service .oe_container .text_cell em {
  width: 5px;
  height: 5px;
  border: 3px solid #d2ebff;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: 0;
  background-color: #3f7eff;
}

.oe_service .oe_container .icon {
  position: absolute;
  right: 0;
  top: 76px;
}

.oe_solution {
  min-width: 1200px;
  padding-top: 60px;
}

.oe_solution .bg {
  background: #474f55;
}

.oe_solution .title {
  text-align: center;
}

.oe_solution .title h1 {
  line-height: normal;
  font-size: 32px;
}

.oe_solution .title .text {
  font-size: 18px;
  margin-top: 10px;
}

.oe_solution .catgory {
  margin-top: 50px;
}

.oe_solution .item {
  width: 300px;
  height: 417px;
  overflow: hidden;
  position: relative;
}

.oe_solution .item:hover img {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

.oe_solution .item:hover .content {
  background: rgba(0, 124, 247, 0.9);
}

.oe_solution .item:hover .text {
  visibility: visible;
}

.oe_solution .cover img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform linear .5s;
  transition: -webkit-transform linear .5s;
  transition: transform linear .5s;
  transition: transform linear .5s, -webkit-transform linear .5s;
}

.oe_solution .content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.76);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 40px;
}

.oe_solution .content .icon {
  width: 70px;
  height: 57px;
  margin: 92px auto 0;
  background: url(../images/icon_spirit.png) no-repeat;
}

.oe_solution .content .icon.store {
  background-position: -1px -250px;
}

.oe_solution .content .icon.video {
  background-position: -103px -250px;
}

.oe_solution .content .icon.crm {
  background-position: -199px -250px;
}

.oe_solution .content .icon.emotion {
  background-position: -278px -249px;
  width: 75px;
}

.oe_solution .content h3 {
  text-align: center;
  font-size: 20px;
  color: #fff;
  line-height: normal;
  margin-top: 30px;
  font-weight: normal;
}

.oe_solution .content .text {
  margin-top: 10px;
  color: #fff;
  text-align: center;
  line-height: 25px;
  visibility: hidden;
}

.oe_solution .content .btn_box {
  margin-top: 25px;
  text-align: center;
}

.oe_solution .content button {
  width: 145px;
  height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.8);
  background-color: transparent;
  color: #fff;
  line-height: 44px;
  display: inline-block;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer;
}

.oe_reputation {
  padding: 75px 0 20px;
}

.oe_reputation h2 {
  font-size: 36px;
  color: #343f48;
  padding: 0 221px;
  line-height: normal;
  position: relative;
}

.oe_reputation h2 em {
  width: 31px;
  height: 6px;
  position: absolute;
  left: 223px;
  bottom: -5px;
  background-color: #fd6827;
}

.oe_reputation .text {
  font-size: 30px;
  color: #343f48;
  margin-top: 10px;
  line-height: normal;
  padding: 0 221px;
}

.oe_reputation .text span {
  color: #fd6827;
}

.oe_reputation .video {
  margin-top: 36px;
  padding: 0 221px;
  position: relative;
}

.oe_reputation .video .prev {
  width: 50px;
  height: 50px;
  background-color: #e4f0f9;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  left: 48px;
  top: 50%;
  margin-top: -25px;
}

.oe_reputation .video .prev:hover {
  background-color: #b5d3f1;
}

.oe_reputation .video .prev em {
  width: 19px;
  height: 29px;
  display: block;
  margin: 10px auto 0;
  background: url(../images/icon_spirit.png) no-repeat -193px -162px;
}

.oe_reputation .video .next {
  width: 50px;
  height: 50px;
  background-color: #e4f0f9;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  right: 48px;
  top: 50%;
  margin-top: -25px;
}

.oe_reputation .video .next:hover {
  background-color: #b5d3f1;
}

.oe_reputation .video .next em {
  width: 19px;
  height: 29px;
  margin: 10px auto 0;
  display: block;
  background: url(../images/icon_spirit.png) no-repeat -226px -162px;
}

.oe_reputation .video .bd {
  overflow: hidden;
}

.oe_reputation .video .bd ul {
  white-space: nowrap;
}

.oe_reputation .video .bd li {
  position: relative;
  background-color: #000;
  border-radius: 10px;
  width: 758px;
  height: 437px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

.oe_reputation .video .bd li video{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.oe_reputation .video .bd li .play_btn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10;
}

.oe_reputation .video .bd li .play_btn em {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  background: url(../images/icon_spirit.png) no-repeat -257px -152px;
  cursor: pointer;
}

.oe_reputation .video .hd {
  text-align: center;
  margin-top: 10px;
}

.oe_reputation .video .hd li {
  width: 9px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
  background-color: #bfc0c1;
  border-radius: 50%;
  margin: 0 8px;
  cursor: pointer;
}

.oe_reputation .video .hd li.on {
  background-color: #fd6827;
}

.oe_news {
  padding: 43px 0 50px;
}

.oe_news .title {
  text-align: center;
}

.oe_news .title h1 {
  line-height: normal;
  font-size: 32px;
}

.oe_news .title .text {
  font-size: 18px;
  margin-top: 10px;
}

.oe_news .list {
  margin-top: 50px;
}

.oe_news .list .item {
  width: 383px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05);
  padding: 15px;
}

.oe_news .list .item + .item {
  margin-left: 25px;
}

.oe_news .list .item .thumb {
  width: 349px;
  height: 170px;
  overflow: hidden;
  position: relative;
  margin: 0;
}

.oe_news .list .item .thumb a {
  display: inline;
  padding: 0;
}

.oe_news .list .item .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.oe_news .list .item .thumb .text {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.oe_news .list .item li {
  position: relative;
  margin: 20px 0;
}

.oe_news .list .item li a {
  width: 100%;
  display: block;
  padding-left: 12px;
  padding-right: 56px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.oe_news .list .item li a:hover {
  text-decoration: underline;
}

.oe_news .list .item li .time {
  position: absolute;
  right: 0;
  top: 0;
}

.oe_news .list .item li em {
  width: 4px;
  height: 4px;
  background-color: #87cbff;
  border-radius: 50%;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  left: 0;
}

.oe_news .list .item .more {
  text-align: right;
  padding-bottom: 5px;
}

.oe_news .list .item .more a {
  color: #578bbf;
}

.oe_news .list .item .more a:hover {
  text-decoration: underline;
}

.oe_demo {
  background-color: #f7faff;
  padding: 48px 0 15px;
}

.oe_demo .oe_container {
  padding: 0 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.oe_demo .item {
  width: 253px;
  height: 301px;
  background: #fff;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
}

.oe_demo .item + .item {
  margin-left: 43px;
}

.oe_demo .item h3 {
  padding-top: 40px;
  text-align: center;
  font-size: 18px;
  color: #343f48;
}

.oe_demo .item .text {
  color: #343f48;
  margin-top: 15px;
  line-height: 26px;
}

.oe_demo .item .btn_box {
  margin-top: 20px;
}

.oe_demo .item .btn_box button {
  width: 100%;
  height: 45px;
  display: block;
  line-height: 45px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border: 0;
  background-color: #007cf7;
  border-radius: 2px;
  cursor: pointer;
}

.oe_demo .item .btn_box button:hover {
  background-color: #006fdd;
}

.oe_demo .item .version {
  margin-top: 15px;
  color: #9ea6ad;
}

.oe_demo .item .version.text_center {
  text-align: center;
}

.oe_demo .item .time {
  margin-top: 5px;
  color: #9ea6ad;
}
.oe_demo .item .more{padding-top: 10px;}
.oe_demo .item .more a{color:#007cf7;}
.oe_demo .item .more a:hover{text-decoration: underline;}

.oe_demo .item .qrcode {
  width: 130px;
  height: 130px;
  background-color: #f5f5f5;
  margin: 28px auto 0;
}

.oe_demo .item .qrcode img {
  width: 100%;
  height: 100%;
}

.oe_friend_link {
  padding: 20px 0;
  line-height: 25px;
  background-color: #f7faff;
}

.oe_friend_link span {
  color: #666;
}

.oe_friend_link a {
  color: #666;
  margin-right: 8px;
}

.oe_friend_link a:hover {
  text-decoration: underline;
}


.oe_product_intro {
  background-color: #f3f9ff;
  padding: 50px 0 60px;
}

.oe_product_intro h1 {
  text-align: center;
  font-size: 30px;
  line-height: normal;
}

.oe_product_intro .text {
  padding: 0 100px;
  font-size: 18px;
  line-height: 36px;
  margin-top: 20px;
}

.oe_product_intro .text span {
  color: #0081e5;
  font-weight: bold;
}

.oe_product_advantage {
  padding: 50px 0 80px;
}

.oe_product_advantage .title {
  margin-bottom: 52px;
}

.oe_product_advantage .title p {
  text-align: center;
  position: relative;
  line-height: normal;
  font-size: 34px;
  font-weight: normal;
}

.oe_product_advantage .title p em {
  width: 60px;
  height: 5px;
  background-color: #0081e5;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: -24px;
}

.oe_product_advantage .title .text {
  text-align: center;
  color: #999;
  font-size: 18px;
  margin-top: 46px;
}

.oe_product_advantage .row.mt {
  margin-top: 60px;
}

.oe_product_advantage .row .item {
  width: 33.3%;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 60px;
  text-align: center;
}

.oe_product_advantage .row .item .icon {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: url(../images/icon_spirit.png) no-repeat;
}

.oe_product_advantage .row .item .icon.framework {
  background-position: -383px 0;
}

.oe_product_advantage .row .item .icon.tpl {
  background-position: -389px -121px;
}

.oe_product_advantage .row .item .icon.api {
  background-position: -389px -219px;
}

.oe_product_advantage .row .item .icon.app {
  background-position: -388px -325px;
}

.oe_product_advantage .row .item .icon.help {
  background-position: -281px -331px;
}

.oe_product_advantage .row .item .icon.service {
  background-position: -181px -328px;
}

.oe_product_advantage .row .item h3 {
  font-size: 22px;
  color: #303030;
  line-height: normal;
  margin-top: 10px;
  font-weight: normal;
}

.oe_product_advantage .row .item .text {
  color: #7f848e;
  line-height: 24px;
  margin-top: 15px;
}

.oe_product_function {
  height: 760px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 62px 0 56px;
  background: url(../images/p_bg1.jpg) center bottom no-repeat;
}

.oe_product_function .title {
  text-align: center;
  color:#fff;
  font-weight: bold;
  font-size: 30px;
}

.oe_product_function .title h1 {
  font-size: 34px;
  line-height: normal;
  color: #fff;
  font-weight: normal;
  position: relative;
}
.oe_product_function .title h1 em {
  width: 60px;
  height: 5px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: -24px;
}

.oe_product_function .function{
  padding-top: 10px;
}

.oe_product_function .title .text {
  font-size: 16px;
  color: #fff;
  margin-top: 20px;
  line-height: 24px;
}

.oe_product_function .function .item {
  width: 20%;
  float: left;
  margin-top: 50px;
  padding-top: 20px;
}

.oe_product_function .function .item .icon {
  width: 45px;
  height: 44px;
  margin: 0 auto;
  background: url(../images/icon_spirit.png) no-repeat;
}

.oe_product_function .function .item .icon.pc {
  background-position: 1px -319px;
}

.oe_product_function .function .item .icon.h5 {
  background-position: -49px -319px;
}

.oe_product_function .function .item .icon.wx {
  background-position: -112px -318px;
}

.oe_product_function .function .item .icon.mobile {
  background-position: 11px -375px;
}

.oe_product_function .function .item .icon.mini {
  background-position: -48px -376px;
}

.oe_product_function .function .item .icon.crm {
  background-position: -112px -381px;
}

.oe_product_function .function .item .icon.extend {
  background-position: 2px -443px;
}

.oe_product_function .function .item .icon.emotion {
  background-position: -55px -444px;
}

.oe_product_function .function .item .icon.course {
  background-position: -120px -445px;
}

.oe_product_function .function .item .icon.topic {
  background-position: -185px -442px;
}
.oe_product_function .function .item .icon.plus{
  background-position: 0px -509px;
}
.oe_product_function .function .item .icon.one{
  background-position: -67px -509px;
}
.oe_product_function .function .item .icon.jiqi{
  background-position: -147px -503px;
}
.oe_product_function .function .item .icon.join{
  background-position: -236px -503px;
}
.oe_product_function .function .item .icon.article{
  background-position: -307px -506px;
}
.oe_product_function .function .item h3 {
  color: #fff;
  font-weight: normal;
  text-align: center;
  margin-top: 30px;
  font-size: 16px;
}

.oe_product_function .btn_box {
  margin-top: 54px;
  text-align: center;
}

.oe_product_function .btn_box button {
  width: 400px;
  height: 58px;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  outline: none;
  background:rgba(255, 255, 255, 0.4);
  color: #fff;
  border: 0;
  cursor: pointer;
  font-size: 18px;
}

.oe_product_function .btn_box button:hover {
  background-color: #f1f1f1;
  color:#333;
}

.oe_product_consultation {
  width: 100%;
  min-width: 1200px;
  background: url(../images/p_bg2.jpg) no-repeat 50% 50%;
  overflow: hidden;
}

.oe_product_consultation .oe_container {
  height: 475px;
  position: relative;
}

.oe_product_consultation .oe_container .text_box {
  position: absolute;
  right: 72px;
  bottom: 77px;
}

.oe_product_consultation .oe_container .text_box p {
  font-size: 36px;
  color: #2d2d2c;
  font-weight: normal;
  line-height: normal;
}

.oe_product_consultation .oe_container .text_box .text {
  width: 330px;
  margin-top: 15px;
  color: #8a8a8a;
  font-size: 16px;
  line-height: 30px;
}

.oe_product_consultation .oe_container .text_box .btn_box {
  margin-top: 20px;
}

.oe_product_consultation .oe_container .text_box .btn_box button {
  width: 168px;
  height: 50px;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  outline: none;
  background-color: #007cf7;
  color: #fff;
  border: 0;
  cursor: pointer;
  font-size: 18px;
}

.oe_product_consultation .oe_container .text_box .btn_box button:hover {
  background-color: #006ad2;
}

.animated {
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-duration: 1s;
	animation-fill-mode: both;
}
 @-webkit-keyframes bounce {
 0%, 20%, 53%, 80%, to {
 -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 -webkit-transform:translateZ(0);
 animation-timing-function:cubic-bezier(.215, .61, .355, 1);
transform:translateZ(0)
}
 40%,  43% {
 -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 -webkit-transform:translate3d(0, -30px, 0);
 animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 transform:translate3d(0, -30px, 0)
}
 70% {
 -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 -webkit-transform:translate3d(0, -15px, 0);
 animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 transform:translate3d(0, -15px, 0)
}
 90% {
 -webkit-transform:translate3d(0, -4px, 0);
 transform:translate3d(0, -4px, 0)
}
}
 @keyframes bounce {
 0%, 20%, 53%, 80%, to {
 animation-timing-function:cubic-bezier(.215, .61, .355, 1);
 transform:translateZ(0);
 animation-timing-function:cubic-bezier(.215, .61, .355, 1);
transform:translateZ(0)
}
 40%,  43% {
 animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 transform:translate3d(0, -30px, 0);
 animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 transform:translate3d(0, -30px, 0)
}
 70% {
 animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 transform:translate3d(0, -15px, 0);
 animation-timing-function:cubic-bezier(.755, .05, .855, .06);
 transform:translate3d(0, -15px, 0)
}
 90% {
 transform:translate3d(0, -4px, 0);
 transform:translate3d(0, -4px, 0)
}
}
.bounce {
	animation-name: bounce;
	-webkit-animation-name: bounce;
}
 @keyframes bounceInLeft {
 0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, .610, .355, 1.000);
transition-timing-function:cubic-bezier(0.215, .610, .355, 1.000)
}
 0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
 60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
 75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
 90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
 100% {
-webkit-transform:none;
transform:none
}
}
.bounceInLeft {
	-webkit-animation-name:bounceInLeft;
	animation-name:bounceInLeft
}
 @keyframes scale {
 0% {
 transform: scale(0);
}
 100% {
 transform: scale(1);
}
}
.scale {
	animation-name: scale;
	animation-timing-function: ease;
}
 @keyframes scaleOut {
 0% {
 transform: scale(1);
 opacity: 1;
}
 100% {
 transform: scale(.3);
 opacity: 0;
}
}
.scaleOut {
	animation-name: scaleOut;
	animation-timing-function: ease;
}
@-webkit-keyframes slideInLeft {
  0% {
      -webkit-transform: translate3d(-50%,0,0);
      transform: translate3d(-50%,0,0);
      visibility: visible
  }

  to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}
@keyframes slideInLeft {
  0% {
      -webkit-transform: translate3d(-50%,0,0);
      transform: translate3d(-50%,0,0);
      visibility: visible
  }

  to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
  0% {
      -webkit-transform: translate3d(50%,0,0);
      transform: translate3d(50%,0,0);
      visibility: visible
  }

  to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}
@keyframes slideInRight {
  0% {
      -webkit-transform: translate3d(50%,0,0);
      transform: translate3d(50%,0,0);
      visibility: visible
  }

  to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}
@-webkit-keyframes slideInDown {
  0% {
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0);
      visibility: visible
  }

  to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

@keyframes slideInDown {
  0% {
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0);
      visibility: visible
  }

  to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

.oe_headbar .dropmenu{
  width: 100%;
  background:rgba(255, 255, 255, 0.98);
  position: relative;
  z-index: 1000;
  display: none;
  overflow: hidden;
  border-bottom: 1px solid #f7f7f7;
}
.oe_headbar .dropmenu .item{
  float: left;
  height: 269px;
  width: 124px;
  box-sizing:border-box;
}
.oe_headbar .dropmenu .item:hover,
.oe_headbar .dropmenu .item.current{
  box-shadow: 0 0 10px  rgba(0, 124, 247, 0.3);
  background-color: #fdfeff;
}
.oe_headbar .dropmenu .item:hover a{
  color: #333;
}
.oe_headbar .dropmenu .item.current a{
  color: #333;
}
.oe_headbar .dropmenu .item.product{
  margin-left:458px;
}
.oe_headbar .dropmenu .item.app{
  margin-left: 0;
}
.oe_headbar .dropmenu .item.buy{
  margin-left: 246px;
}
.oe_headbar .dropmenu .item.about{
  margin-left:0;
}
.oe_headbar .dropmenu .item h3{
  line-height: 40px;
  border-bottom: 1px solid #ebebeb;
  font-weight: normal;
  color: #999;
  font-size: 14px;
  margin-left: 30px;
  margin-right: 35px;
  font-weight: normal;
}
.oe_headbar .dropmenu .item ul{
  padding: 6px 0;
}
.oe_headbar .dropmenu .item li a{
  line-height: 36px;
  font-size: 14px;
  color: #666;
  display: block;
  padding-right: 30px;
  margin-left: 30px;
}
.oe_headbar .dropmenu .item li a:hover{
  color: #007cf7;
}
.oe_website_app{
  margin-top: 30px;
  margin-left: -20px;
  margin-right: -20px;
}
.oe_website_app li{
  width: 480px;
  box-sizing: border-box;
  padding: 30px;
  border: 1px solid #ebebeb;
  margin: 0 20px 40px;
}
.oe_website_app li .cover{
  width: 100%;
  height: 300px;
  background-color: #f5f5f5;
}
.oe_website_app li .pa{
  right: 30px;
  top: 342px;
}
.oe_website_app li button{
  width: 80px;
  height: 36px;
  line-height: 36px;
  background-color: #007cf7;
  border-radius: 36px;
  color: #FFFFFF;
  text-align: center;
  outline: none;
  border: 0;
  cursor: pointer;
}
.oe_website_app li h3{
  padding-right: 100px;
}

.oe_tpl_list{
  margin: 0 -15px;
}
.oe_tpl_list li{
  width: 311px;
  margin: 15px;
  border: 1px solid #ebebeb;
  border-radius: 5px;
}
.oe_tpl_list li .cover{
  width: 100%;
  height: 274px;
  overflow: hidden;
}
.oe_tpl_list li .cover img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oe_tpl_search{
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
}

.oe_tpl_search .item {
  position: relative;
  padding-left: 55px;
  overflow: hidden;
  line-height: 22px;
}

.oe_tpl_search .item h3 {
  position: absolute;
  top: 5px;
  left: 0;
  font-size: 15px;
  padding: 2px 10px 2px 0;
  color: #666;
  font-weight: normal;
}

.oe_tpl_search .item .box {
  padding: 2px 10px;
  margin: 5px;
  float: left;
  cursor: pointer;
  border-radius: 2px;
  font-size: 15px;
  color: #333;
}

.oe_tpl_search .item .box.current {
  background: #007cf7;
  color: #fff !important;
}

.oe_tpl_search .item .box:hover {
  color: #007cf7;
}
.oe_tpl_search .item .color{
  width: 26px;
  height: 26px;
  margin: 5px;
  background: #007cf7;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 2px 0;
}
.oe_tpl_search .item .color img{
  display: none;
}
.oe_tpl_search .item .color.current img{
  display: block;
}

.oe_headbar .sub_menu{
  width: 100%;
  min-width: 1200px;
  background-color: #fff;
  z-index: 1000;
  box-shadow: 0 0 5px rgba(174, 174, 174, 0.3);
  display: none;
  position: absolute;
  top: 100%;
  background: url(../images/d_bg.jpg) no-repeat 1000px bottom #fff;
}
.oe_headbar .sub_menu .oe_container{
  height: 308px;
  box-sizing: border-box;
  padding: 20px 20px 20px 141px;
  position: relative;
}
.oe_headbar .sub_menu .box{
  float: left;
  margin: 20px;
  width: 216px;
  height: 71px;
  padding-left: 45px;
  position: relative;
  box-sizing: border-box;
}
.oe_headbar .sub_menu .box:hover{
  background-color: #f9fafb;
}
.oe_headbar .sub_menu .box:hover h3{
  color: #197fff;
}
.oe_headbar .sub_menu .icon{
  width: 26px;
  height: 26px;
  position: absolute;
  top: 22px;
  left: 8px;
  background: url(../images/icon_spirit.png) no-repeat;
}
.oe_headbar .sub_menu .icon.sys{
  background-position: -273px -430px;
}
.oe_headbar .sub_menu .icon.fn{
  background-position: -313px -430px;
}
.oe_headbar .sub_menu .icon.tpl{
  background-position: -354px -429px;
}
.oe_headbar .sub_menu .icon.custom{
  background-position: -393px -429px;
}
.oe_headbar .sub_menu .icon.download{
  background-position: -430px -430px;
}
.oe_headbar .sub_menu .icon.tui{
  background-position: -353px -466px;
}
.oe_headbar .sub_menu .icon.open{
  background-position: -314px -466px;
}
.oe_headbar .sub_menu .icon.help{
  background-position: -273px -467px;
}
.oe_headbar .sub_menu h3{
  font-weight: normal;
  font-size: 18px;
  margin-top: 12px;
}
.oe_headbar .sub_menu .text{
  margin-top: 4px;
  font-size: 12px;
  color: #999;
}
.oe_headbar .sub_menu em{
  position: absolute;
  top: 0;
  left: 45px;
  width: 23px;
  height: 11px;
  background: url(../images/icon_spirit.png) no-repeat -474px -428px;
}
.oe_headbar .sub_menu .angle{
  width: 16px;
  height: 16px;
  background-color: #fff;
  position: absolute;
  top: -8px;
  left: 638px;
  box-shadow: 0 0 5px rgba(174, 174, 174, 0.3);
  transform: matrix(.71,.71,-.71,.71,0,0);
  -ms-transform: matrix(.71,.71,-.71,.71,0,0);
  -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
}
.oe_headbar .sub_menu::after{
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: #fff;
}

#but_send_mobile_code.current{
  color: #999 !important;
}

.oe_article_list{min-height: 500px;}

table.one_price {
	border:1px solid #333;
	border-bottom:none;
	border-right:none;
	background:#fff;
}
.one_price tr th.head {
	font-weight:bold;
}
.one_price tr th {
	font-weight:normal;
	background:#e7f1fe;
	color:#333;
	font-size:14px;
}
.one_price tr th {
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	text-align:center;
	padding:5px 10px;
	line-height:24px;
}
.one_price tr td {
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	text-align:left;
	padding:5px 10px;
	line-height:24px;
}
.one_price tr th:first-child {
  width: 200px;
}
.one_price tr th:last-child {
  width: 200px;
}
.one_price tr td {
	color:#000;
}
table.one_price .head th {
	background:#00adea;
	color:#fff;
}
.one_price tr td h3 {
	font-size:14px;
	padding:5px 0px;
}
.one_price tr td span.no {
	display:inline-block;
	width:14px;
	height:14px;
	background:url(../images/price_ico.png) 0px 0px no-repeat;
}
.one_price tr td span.ok {
	display:inline-block;
	width:17px;
	height:12px;
	background:url(../images/price_ico.png) -23px 0px no-repeat;
}
.one_price tr td b {
	color:#f40;
}

/* 赵振棠 更改 风格模板  2020-5-6 16：22*/
/* 标题  分类 */
.The_tit{
  border: 1px solid #f7f7f7;
  padding: 10px;
}
.The_tit .The_tit_nro{
  width: 100%;
  height: 28px;
}
.The_tit .The_tit_nro dt{
  float: left;
  vertical-align: top;
  color: #96a4b3;
  margin-top: 4px;
}
.The_tit .The_tit_nro dd {
  float: left;
  vertical-align: top;
}
.The_tit .The_tit_nro dd a{
  color: #667fa0;
  margin-left: 9px;
  display: inline-block;
  padding: 0px 5px;
  border-radius: 2px;
  vertical-align: middle;
}
.The_tit .The_tit_nro dd a:first-child{
  margin-left: 20px;
}
.The_tit .The_tit_nro dd a.current, .The_tit .The_tit_nro dd a:hover {
  background: #ff6000;
  color: #fff;
}
.The_tit .The_tit_nro dd a:active {
  color: #667fa0;
  text-decoration: none;
}
.The_tit .The_tit_nro_two{
  width: 100%;
  height: 35px;
  margin-top: 5px;
}
.The_tit .The_tit_nro_two dt{
  float: left;
  vertical-align: top;
  color: #96a4b3;
  margin-top: 0px;
}

.The_tit .The_tit_nro_two .manx{
  color: #667fa0;
  margin-left: 20px;
  float: left;
  padding: 0px 5px;
  border-radius: 2px;
  vertical-align: middle;
}
.The_tit .The_tit_nro_two .manx.current, .The_tit .The_tit_nro_two .manx:hover {
  background: #ff6000;
  color: #fff;
}
.The_tit .The_tit_nro_two .manx:active {
  color: #667fa0;
  text-decoration: none;
}
.The_tit_nro_box{
    width: 20px;
    height: 20px;
    border: 1px solid #ebebeb;
    float: left;
    margin-left: 15px;
    cursor: pointer;
}
.The_tit_nro_two .current div{
    border: 3px solid #faa471eb!important;;
}
.The_tit_nro_two  div{border:3px solid #f7f7f7;}

/* 内容 */
.oe_website_app_two{
  margin-top: 30px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
  flex-wrap:wrap;
  justify-content: flex-start;
}
.oe_website_app_two li{
  width: 300px;
  box-sizing: border-box;
  padding: 0px 0px 15px 0px;
  border: 1px solid #f7f7f7;
  margin: 0 20px 40px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);
}
.oe_website_app_two li .cover{
  width: 100%;
  height: 400px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
}

.oe_website_app_two li button{
  width: 80px;
  height: 36px;
  line-height: 36px;
  background-color: #007cf7;
  border-radius: 36px;
  color: #FFFFFF;
  text-align: center;
  outline: none;
  border: 0;
  cursor: pointer;
}
.oe_website_app_two li .con{padding:10px;}


.oe_rand{border-bottom: 1px solid #f7f7f7; padding-top: 20px; padding-bottom: 10px;}
.oe_rand a{display: inline-block; margin-right: 25px; position: relative; font-size:14px ;}
.oe_rand a.current{color:#ff9000; font-weight: bold; font-size: 18px;}
.oe_rand a.current i{display: inline-block; height: 3px; width: 20px; border-radius: 30px; background: #ff9000; position: absolute; left: 50%; margin-left: -10px; bottom: -10px;}
.oe_rand a i{display: none;}

/* 2020.9.21 */
.oe_product_more{text-align: center; padding-top: 20px;}
.oe_product_more a{background: #007cf7;  color:#fff!important; display: inline-block; line-height: 50px; padding:0px 30px; border-radius: 4px;}
.oe_product_more a:hover{opacity: 0.8;}