.oc-nav {
  position: fixed;
  
  _position: absolute;
  *zoom: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 1000;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: rgba(0, 0, 0, 0.8);
}
.oc-logo {
  width: 210px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 30px;
  line-height: 80px;
}
.oc-logo img {
  width: 100%;
  cursor: pointer;
}
.oc-nav-main {
  height: 100%;
  margin: 0 300px 0 210px;
  font-size: 0;
  text-align: center;
}
.oc-nav-main .nav-item {
  list-style: none;
  display: inline-block;
  padding: 0 15px;
  position: relative;
}
.oc-nav-main .nav-item a.top-link {
  color: #fff;
  line-height: 80px;
  font-size: 17px;
  text-decoration: none;
}
.oc-nav-main .nav-item:hover a.top-link {
  color: #17d26f;
}
.oc-nav-main .nav-item:hover .sec-nav {
  visibility: visible;
}
.oc-nav-main .nav-item .sec-nav {
  position: absolute;
  min-width: 180px;
  left: 50%;
  margin-left: -90px;
  top: 60px;
  overflow: hidden;
  padding: 0 10px 5px 0;
  visibility: hidden;
}
.oc-nav-main .nav-item .sec-nav .angle-up {
  width: 0px;
  height: 0px;
  *width: 20px;
  *height: 20px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  border-width: 10px;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #1c2034 transparent;
  margin: 0 auto;
}
.oc-nav-main .nav-item .sec-nav ul {
  margin: 0;
  padding: 0;
  background: #1c2034;
  width: 100%;
  line-height: 30px;
  padding: 15px;
}
.oc-nav-main .nav-item .sec-nav .sec-nav-item {
  list-style: none;
  height: 35px;
  overflow: hidden;
  text-align: left;
}
.oc-nav-main .nav-item .sec-nav .sec-nav-item a {
  font-size: 14px;
  line-height: 35px;
  color: #ccc;
  text-decoration: none;
}
.oc-nav-main .nav-item .sec-nav .sec-nav-item:hover a {
  color: #17d26f;
}
.oc-login {
  width: 300px;
  height: 100%;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
}
.oc-login .login-item {
  list-style: none;
  display: inline-block;
  padding: 0 15px;
  position: relative;
  padding: 0 10px;
}
.oc-login .login-item a.top-link {
  color: #fff;
  line-height: 80px;
  font-size: 17px;
  text-decoration: none;
}
.oc-login .login-item:hover a.top-link {
  color: #17d26f;
}
.oc-login .login-item:hover .sec-nav {
  visibility: visible;
}
.oc-login .login-item .sec-nav {
  position: absolute;
  min-width: 180px;
  left: 50%;
  margin-left: -90px;
  top: 60px;
  overflow: hidden;
  padding: 0 10px 5px 0;
  visibility: hidden;
}
.oc-login .login-item .sec-nav .angle-up {
  width: 0px;
  height: 0px;
  *width: 20px;
  *height: 20px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  border-width: 10px;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #1c2034 transparent;
  margin: 0 auto;
}
.oc-login .login-item .sec-nav ul {
  margin: 0;
  padding: 0;
  background: #1c2034;
  width: 100%;
  line-height: 30px;
  padding: 15px;
}
.oc-login .login-item .sec-nav .sec-nav-item {
  list-style: none;
  height: 35px;
  overflow: hidden;
  text-align: left;
}
.oc-login .login-item .sec-nav .sec-nav-item a {
  font-size: 14px;
  line-height: 35px;
  color: #ccc;
  text-decoration: none;
}
.oc-login .login-item .sec-nav .sec-nav-item:hover a {
  color: #17d26f;
}
.oc-login .login-item a.top-link {
  font-size: 15px;
}
.oc-login .login-item a.nologin {
  display: inline-block;
  padding: 1px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  margin-top: 25px;
}
.oc-login .login-item a.cx-login-btn {
  background-color: #02c5a2;
  background-image: -webkit-linear-gradient(left, #02c5a2, #17d26f);
  background-image: -moz-linear-gradient(left, #02c5a2, #17d26f);
  background-image: -o-linear-gradient(left, #02c5a2, #17d26f);
  background-image: -ms-linear-gradient(left, #02c5a2, #17d26f);
  background-image: linear-gradient(left, #02c5a2, #17d26f);
  border: none;
}
.oc-login .login-item a.cx-reg-btn {
  border: 1px solid #fff;
}
.oc-login .login-item img {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  margin-right: 5px;
}
.oc-login .login-item .dege {
  position: relative;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  background-color: #f96868;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 14px;
  padding: 3px 6px;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  min-width: 10px;
  top: -8px;
}
.block-odd {
  width: 100%;
  background-color: #eee;
}
.block-even {
  width: 100%;
  background-color: #fff;
}
.block-content {
  width: 100%;
  overflow: hidden;
  padding: 50px 0;
  position: relative;
  text-align: center;
}
.block-content .big-tit {
  font-size: 28px;
  text-align: center;
  font-weight: 400;
  color: #333333;
}
.block-content .small-tit {
  font-size: 13px;
  font-weight: 300;
  text-align: center;
  color: #333333;
}
.block-content a.btn-more {
  position: relative;
  top: 15px;
  padding: 5px 30px;
  border: 1px solid #999;
  color: #666;
  font-size: 13px;
}
.block-content a.btn-more:hover {
  color: #333;
  border-color: #666;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .block-content {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0;
    position: relative;
  }
}
.plan-list,
.partner {
  display: table;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  padding: 20px 20px 20px 5px;
  overflow: hidden;
}
.plan-list .plan-list-item {
  width: 130px;
  float: left;
  list-style: none;
  overflow: hidden;
  padding: 50px 10px 10px 10px;
  cursor: pointer;
  position: relative;
  margin-left: 15px;
}
.plan-list .plan-list-item:hover {
  color: #666;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
}
.plan-list .plan-list-item:hover img {
  top: -80px;
}
.plan-list .plan-list-item:hover .bot-line {
  width: 20px;
}
.plan-list .plan-list-item:hover h3 {
  color: #333;
}
.plan-list .plan-list-item h3 {
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  color: #999;
  font-weight: 300;
  margin: 0;
  margin-top: 15px;
}
.plan-list .plan-list-item p {
  font-size: 13px;
  color: #999;
  text-align: center;
}
.plan-list .plan-list-item img {
  position: relative;
  width: 100%;
}
.plan-list .plan-list-item .bot-line {
  display: block;
  width: 0;
  height: 2px;
  background-color: #666666;
  position: absolute;
  bottom: 1px;
  left: 55px;
  -webkit-transition: width 0.1s linear;
  -moz-transition: width 0.1s linear;
  -o-transition: width 0.1s linear;
  -ms-transition: width 0.1s linear;
  transition: width 0.1s linear;
}
.plan-list .plan-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  overflow: hidden;
}
.device_shop {
  width: 78%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
}
.device_shop .device_shop_item {
  display: inline-block;
  list-style: none;
  overflow: hidden;
  position: relative;
  padding: 15px;
  width: 33.3333%;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.device_shop .device_shop_item a {
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  display: block;
  padding: 30px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.device_shop .device_shop_item a:hover {
  text-decoration: none;
}
.device_shop .device_shop_item h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 300;
}
.device_shop .device_shop_item h3.price {
  color: #f79934;
}
.device_shop .device_shop_item .dev-pic {
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.device_shop .device_shop_item .dev-pic img {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
}
.shop-loop {
  width: 78%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-top: 60px;
}
.shop-loop ul {
  width: 12000px;
  overflow: hidden;
  font-size: 0;
  padding: 0;
  text-align: left;
}
.shop-loop li.device_shop_item {
  display: inline-block;
  list-style: none;
  overflow: hidden;
  position: relative;
  padding: 15px;
  width: 33.3333%;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  width: 250px;
}
.shop-loop li.device_shop_item a {
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  display: block;
  padding: 30px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.shop-loop li.device_shop_item a:hover {
  text-decoration: none;
}
.shop-loop li.device_shop_item h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 300;
}
.shop-loop li.device_shop_item h3.price {
  color: #f79934;
}
.shop-loop li.device_shop_item .dev-pic {
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.shop-loop li.device_shop_item .dev-pic img {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
}
.oc-new-warp {
  width: 100%;
  overflow: hidden;
  font-size: 0;
  padding: 30px 0 0 0;
  margin: 0;
  text-align: left;
}
.oc-new-warp li {
  display: inline-block;
  width: 25%;
  padding: 25px 15px;
  cursor: pointer;
}
.oc-new-warp li .oc-new-item {
  display: block;
  font-size: 14px;
}
.oc-new-warp li .oc-new-item p {
  padding: 20px 0 0 0;
  margin: 0;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-all;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.oc-new-warp li .img-border {
  width: 100%;
  display: block;
  position: relative;
  padding-bottom: 60%;
  overflow: hidden;
  height: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}
.oc-new-warp li img {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.oc-new-warp li .btn-viewmore {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -60px;
  margin-top: -15px;
  color: #fff;
  height: 30px;
  width: 120px;
  line-height: 30px;
  background-color: #11c358;
  text-align: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.oc-new-warp li:hover .btn-viewmore {
  display: inline-block;
}
.oc-new-warp li:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.oc-new-line {
  width: 100%;
  height: 2px;
  background-color: #F0F0F0;
}
.oc-new-line div {
  width: 80px;
  background-color: #0196dc;
  margin: 0 auto;
  height: 2px;
}
.device_shop-list {
  width: 78%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
  white-space: normal;
}
.device_shop-list .device_shop_item {
  display: inline-block;
  list-style: none;
  overflow: hidden;
  position: relative;
  padding: 15px;
  width: 33.3333%;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.device_shop-list .device_shop_item a {
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  display: block;
  padding: 30px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.device_shop-list .device_shop_item a:hover {
  text-decoration: none;
}
.device_shop-list .device_shop_item h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 300;
}
.device_shop-list .device_shop_item h3.price {
  color: #f79934;
}
.device_shop-list .device_shop_item .dev-pic {
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.device_shop-list .device_shop_item .dev-pic img {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
}
.wb-chevron-left {
  position: absolute;
  top: 50%;
  font-size: 48px;
  left: 0;
  color: #999;
}
.wb-chevron-left:hover {
  text-decoration: none;
  color: #11c358;
}
.wb-chevron-right {
  position: absolute;
  top: 50%;
  font-size: 48px;
  right: 0;
  color: #ccc;
}
.wb-chevron-right:hover {
  text-decoration: none;
  color: #11c358;
}
.device_type {
  background: #fff;
  padding: 20px 0;
  -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
  position: relative;
}
.device_type .content {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.device_type .content a {
  margin-left: 15px;
  color: #333;
  display: inline-block;
  padding: 5px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.device_type .content a:hover,
.device_type .content a.active {
  background-color: #06c799;
  color: #fff;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .device_type .content {
    width: 1200px;
  }
}
.partner {
  font-size: 0;
}
.partner .partner-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 260px;
  padding: 30px;
  overflow: hidden;
}
.partner a {
  display: block;
}
.partner img {
  width: 100%;
}