@charset "UTF-8";
html {
  font-size: 100px; }

/* iphone 6 */
/*@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
    html{font-size: 117.1875px;}
}*/
/* iphone6 plus */
/*@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
    html{font-size: 129.375px;}
}*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header, hgroup, nav, section, article, aside, footer, figure, figcaption, menu, button {
  margin: 0;
  padding: 0; }

body {
  font-family: Helvetica,sans-serif;
  color: #333;
  font-size: 14px;
  font-size: .14rem;
  background: #fff;
  max-width: 640px;
  min-width: 310px;
  margin: 0 auto; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
main,
nav,
section,
summary {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -o-tap-highlight-color: transparent;
  -ms-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -o-touch-callout: none;
  -ms-touch-callout: none;
  touch-callout: none; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

div, span, a, button, input {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; }

ins,
a {
  text-decoration: none;
  color: #444; }

a:active,
a:hover {
  outline: 0; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

:focus {
  outline: 0; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.clearfix {
  *zoom: 1; }

.dn {
  display: none; }

.p20 {
  padding: .2rem; }

.blue-color {
  color: #078ad3; }

.color-blue {
  color: #078ad3; }

.color-green {
  color: #58ba2d; }

.color-orange {
  color: #58ba2d; }

.color-red {
  color: #c01d1d; }

.background-gray {
  background: #f0f0f0; }

/*$borderColor:#ddd;
$redColor: #c81620;
$orangeColor:#e77224;
$greenColor:#2fc63d;
$blueColor:#187fc4;
$lblueColor:#0a97a4;
$brownColor:#6b4519;
$pinkBorderColor:#fda395;*/
/*.red-color{color: $redColor;}
.blue-color{color: $blueColor;}
.orange-color{color: $orangeColor;}
.blue-color{color: $blueColor;}
.lblue-color{color: $lblueColor;}
.brown-color{color: $brownColor}
.green-color{color: $greenColor;}*/
.fade-in {
  -webkit-animation: fadeIn .5s ease 0s 1 both;
  animation: fadeIn .5s ease 0s 1 both; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.flex-father, .flex-container, .mx-header, .product-function-group .item, .join-form-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.flex-son, .flex-container-auto, .mx-header .title, .product-function-group .rbox, .join-form-group .rbox, .join-form-group .input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block; }

.flex-center, .mx-header, .join-form-group {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-container {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.mx-header .menu, .fixed-right-main, .product-intro-group .main, .product-intro-group .li::before, .product-list-group .ul li:before,
.product-list-group .ul .li:before, .join-banner .box, .case-title::before {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.home-banner .btn {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.restaurant-img-box .magnifying,
.dessert-img-box .magnifying,
.fast-food-img-box .magnifying,
.hot-pot-img-box .magnifying {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.flex-container-auto {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* ios5+ */
  overflow-scrolling: touch; }

body, html {
  height: 100%;
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto; }

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

.flex-container {
  height: 100%;
  overflow: hidden; }

.flex-container-auto {
  padding-bottom: mxRem(5); }

.mx-group {
  padding: .2rem; }

.mx-only-img {
  display: block;
  margin-top: .1rem; }

.mx-header {
  position: relative;
  height: .44rem;
  line-height: .44rem;
  background: #202221;
  color: #fff; }
  .mx-header .title {
    text-align: center;
    font-size: .16rem; }
  .mx-header .menu {
    position: absolute;
    left: .15rem;
    width: .3rem;
    height: .3rem;
    background: url(../images/common/menu.svg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%; }
  .mx-header .a-logo,
  .mx-header .logo {
    display: block;
    margin: 0 auto;
    height: .34rem; }
  .mx-header .abs {
    position: absolute;
    height: 0;
    width: 0;
    top: 0;
    right: 0; }
  .mx-header .logo {
    display: inline-block;
    vertical-align: top; }
  .mx-header .zhmx {
    display: block;
    float: right;
    font-size: 10px;
    color: #fff;
    padding-left: .06rem;
    line-height: .26rem;
    white-space: nowrap; }

.mx-footer {
  padding: .2rem .1rem .15rem;
  color: #fff;
  text-align: center;
  /*line-height: 1.5;*/
  background: #202221;
  font-size: .12rem; }
  .mx-footer .telphone,
  .mx-footer .email {
    display: block;
    margin: .05rem auto;
    color: #fff; }
  .mx-footer .link {
    color: #fff; }
  .mx-footer .l {
    padding: 0 .1rem; }
  .mx-footer .copyright,
  .mx-footer .linkbox {
    margin: .1rem 0; }

.fixed-right-main {
  position: fixed;
  z-index: 999;
  right: .1rem;
  margin-top: .5rem; }

.frm-ico {
  display: block;
  margin-bottom: .1rem;
  width: 0.24rem;
  height: 0.24rem;
  background: url(../images/common/fixed_right_icon.png) no-repeat;
  -webkit-background-size: 0.24rem 0.72rem;
  background-size: 0.24rem 0.72rem; }
  .frm-ico.chat {
    background-position: 0 0; }
  .frm-ico.telphone {
    background-position: 0 -0.24rem; }
  .frm-ico.top {
    background-position: 0 -0.48rem; }

.frm-tips::after {
  content: '';
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #078ad3;
  position: absolute;
  top: 18px;
  right: -8px; }

.mx-swiper-banner .swiper-pagination {
  bottom: 0; }
.mx-swiper-banner .swiper-pagination-bullet {
  height: 6px;
  width: 6px;
  background: #ddd;
  opacity: 1; }
.mx-swiper-banner .swiper-pagination-bullet-active {
  background: #078ad3; }

.swiper-photoswipe-group {
  padding: .2rem .2rem .1rem; }

.swiper-photoswipe-box {
  position: absolute;
  z-index: 0;
  height: 0px;
  width: 0px;
  left: 50%;
  top: 50%; }

.swiper-photoswipe-tips {
  margin: .1rem;
  text-align: center;
  font-size: .10rem;
  color: #666; }

.photoswipe-box {
  padding: .15rem; }

.mx-btn {
  display: block;
  margin: 0 auto;
  height: .42rem;
  line-height: .42rem;
  overflow: hidden;
  text-align: center;
  background: #078ad3;
  -webkit-border-radius: 26px 26px 26px 26px;
  border-radius: 26px 26px 26px 26px;
  background-clip: padding-box;
  color: #fff;
  font-size: .16rem; }
  .mx-btn.mtb15 {
    margin: .15rem auto; }
  .mx-btn.w60per {
    width: 60%; }

.mx-momule-subtitle,
.mx-momule-title {
  text-align: center;
  color: #078ad3; }

.mx-momule-title {
  font-size: .28rem; }

.mx-momule-subtitle {
  font-size: .14rem; }

.pushy-submenu button {
  font-size: .14rem; }

.home-banner {
  position: relative; }
  .home-banner .btn {
    position: absolute;
    width: 40%;
    height: 20%;
    background: rgba(0, 0, 0, 0.5);
    display: block;
    bottom: 10%;
    opacity: 0; }

.home-a {
  margin-top: .2rem; }

.home-a-title {
  font-size: .18rem;
  text-align: center;
  color: #078ad3; }

.home-a-box {
  padding: .15rem .25rem; }
  .home-a-box .item {
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: .15rem; }
  .home-a-box .word {
    display: block;
    margin: 0 auto;
    height: .76rem;
    width: .76rem;
    line-height: .72rem;
    font-size: .2rem;
    color: #078ad3;
    text-align: center;
    border: 2px solid #4face0;
    -webkit-border-radius: 999px 999px 999px 999px;
    border-radius: 999px 999px 999px 999px;
    background-clip: padding-box; }
  .home-a-box .txt {
    margin-top: .1rem;
    padding-left: .1rem;
    line-height: 1.5;
    color: #078ad3;
    font-size: .12rem; }

.home-c {
  padding: 0 .15rem; }
  .home-c .item {
    float: left;
    margin-top: .2rem;
    width: 33.333%; }
  .home-c .img {
    display: block;
    width: 60%;
    margin: 0 auto .1rem; }
  .home-c .txt {
    color: #078ad3;
    text-align: center; }

.home-f,
.home-e,
.home-d {
  padding: .15rem; }

.product-function-group {
  padding: .3rem; }
  .product-function-group.pt0 {
    padding-top: .0; }
  .product-function-group.pt10 {
    padding-top: .1rem; }
  .product-function-group.bp10 {
    padding-bottom: .1rem; }
  .product-function-group .item {
    margin-bottom: .15rem; }
  .product-function-group .lbox {
    display: block;
    margin-top: .04rem;
    width: .16rem;
    height: .16rem; }
  .product-function-group .rbox {
    padding-left: .1rem; }
  .product-function-group .title {
    font-size: .15rem;
    font-weight: 600;
    color: #5d5c5c; }
  .product-function-group .txt {
    padding-top: .05rem;
    line-height: 1.5;
    font-size: .12rem;
    color: #5d5c5c; }
  .product-function-group .color-orange {
    color: #f98100; }
  .product-function-group .color-green {
    color: #58ba2d; }
  .product-function-group .color-blue {
    color: #078ad3; }
  .product-function-group .color-red {
    color: #c01d1d; }

.product-intro-group {
  position: relative;
  height: 2rem;
  background: url(../images/product/common/product_intro_bg.jpg) no-repeat;
  -webkit-background-size: 7.22rem 2rem;
  background-size: 7.22rem 2rem; }
  .product-intro-group .main {
    position: absolute;
    padding: .15rem .1rem;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5); }
  .product-intro-group .box {
    color: #fff;
    text-align: center; }
  .product-intro-group .icon {
    margin-top: -.03rem;
    margin-right: .05rem;
    width: .26rem; }
  .product-intro-group .title {
    font-size: .28rem;
    line-height: .28rem; }
  .product-intro-group .txt {
    margin: .05rem auto;
    font-size: .2rem; }
  .product-intro-group .bbox {
    font-size: .14rem;
    /*white-space: nowrap;*/
    text-align: center; }
  .product-intro-group .li {
    position: relative;
    display: inline-block;
    margin: 0 .05rem;
    padding-left: .1rem; }
    .product-intro-group .li::before {
      content: "";
      position: absolute;
      left: 0;
      display: block;
      height: .06rem;
      width: .06rem;
      background: #fff;
      -webkit-border-radius: 999px 999px 999px 999px;
      border-radius: 999px 999px 999px 999px;
      background-clip: padding-box; }

.product-list-group {
  margin: .2rem .3rem; }
  .product-list-group .item {
    float: left;
    width: 50%;
    margin-bottom: .15rem; }
  .product-list-group .title {
    font-size: .15rem;
    font-weight: 600;
    color: #5c5c5c; }
  .product-list-group .ul {
    padding-left: 0; }
    .product-list-group .ul li,
    .product-list-group .ul .li {
      position: relative;
      font-size: .12rem;
      padding-right: .08rem;
      padding-left: .12rem;
      margin: .06rem 0;
      list-style-type: none;
      color: #666; }
      .product-list-group .ul li:before,
      .product-list-group .ul .li:before {
        content: "";
        position: absolute;
        left: 0;
        display: inline-block;
        width: .08rem;
        height: .08rem;
        border: 1px solid #666; }
      .product-list-group .ul li.no-square::before,
      .product-list-group .ul .li.no-square::before {
        content: "";
        border: none; }

.expansion-subtitle {
  font-size: .22rem;
  color: #5c5c5c;
  margin-bottom: .1rem;
  text-align: center; }

.about-group,
.expansion-group {
  margin: .2rem; }
  .about-group .txt,
  .expansion-group .txt {
    font-size: .14rem;
    color: #444;
    text-indent: 2em;
    line-height: 1.5;
    font-weight: 200; }

.about-group {
  margin: .3rem; }

.about-group-title {
  font-size: .2rem;
  color: #333;
  text-align: center; }

.about-group-subtitle {
  margin-bottom: .1rem;
  font-size: .14rem;
  color: #555;
  text-align: center; }

.about-product-trait {
  color: #fff;
  margin-bottom: .1rem; }
  .about-product-trait.blue {
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=$lcolor,endcolorstr=$rcolor,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=$lcolor,endcolorstr=$rcolor,gradientType=0);
    /*IE8*/
    background: #398bde;
    /* 一些不支持背景渐变的浏览器 */
    background: -moz-linear-gradient(left, #398bde, #65b3ff);
    background: -webkit-gradient(linear, 0 0, right bottom, from(#398bde), to(#65b3ff));
    background: -o-linear-gradient(left, #398bde, #65b3ff); }
  .about-product-trait.purple {
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=$lcolor,endcolorstr=$rcolor,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=$lcolor,endcolorstr=$rcolor,gradientType=0);
    /*IE8*/
    background: #d47adc;
    /* 一些不支持背景渐变的浏览器 */
    background: -moz-linear-gradient(left, #d47adc, #da98f9);
    background: -webkit-gradient(linear, 0 0, right bottom, from(#d47adc), to(#da98f9));
    background: -o-linear-gradient(left, #d47adc, #da98f9); }
  .about-product-trait.green {
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=$lcolor,endcolorstr=$rcolor,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=$lcolor,endcolorstr=$rcolor,gradientType=0);
    /*IE8*/
    background: #41a572;
    /* 一些不支持背景渐变的浏览器 */
    background: -moz-linear-gradient(left, #41a572, #6cdaa5);
    background: -webkit-gradient(linear, 0 0, right bottom, from(#41a572), to(#6cdaa5));
    background: -o-linear-gradient(left, #41a572, #6cdaa5); }
  .about-product-trait.orange {
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=$lcolor,endcolorstr=$rcolor,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=$lcolor,endcolorstr=$rcolor,gradientType=0);
    /*IE8*/
    background: #f6a92e;
    /* 一些不支持背景渐变的浏览器 */
    background: -moz-linear-gradient(left, #f6a92e, #f6c769);
    background: -webkit-gradient(linear, 0 0, right bottom, from(#f6a92e), to(#f6c769));
    background: -o-linear-gradient(left, #f6a92e, #f6c769); }
  .about-product-trait .title, .about-product-trait .txt {
    color: #fff; }
  .about-product-trait .item:last-child {
    margin-bottom: 0; }

.about-recruitment-group {
  margin: .2rem auto; }

.arg-title {
  font-size: .18rem; }

.arg-tips {
  font-size: .12rem;
  color: #555; }

.arg-box {
  margin-top: .1rem;
  padding: .15rem;
  color: #555;
  font-size: .12rem;
  line-height: 1.5;
  background: #f6f6f6; }

.arg-item {
  margin-bottom: .1rem; }

.ar-isubtitle {
  font-size: .14rem; }

.join-banner {
  position: relative; }
  .join-banner .box {
    position: absolute;
    left: 0;
    right: 0;
    padding: .1rem 0;
    background: rgba(0, 77, 119, 0.5);
    color: #fff;
    line-height: 1.5;
    text-align: center; }
  .join-banner .title {
    font-size: .2rem; }
  .join-banner .txt {
    font-size: .12rem; }

.join-msg {
  margin: .3rem .2rem;
  text-align: center;
  line-height: 1.5;
  font-size: .13rem;
  color: #444;
  text-indent: 2em;
  font-weight: 300; }
  .join-msg:first-letter {
    font-size: .22rem;
    color: #078ad3; }

.join-swiper-container {
  margin-bottom: .1rem;
  padding: .2rem;
  background: #f6f6f6;
  text-align: center; }
  .join-swiper-container .mx-swiper-banner {
    padding-bottom: .15rem; }

.jsc-img {
  display: block;
  margin: 0 auto;
  /*width: 60%;*/
  height: 1.68rem;
  width: 1.68rem; }

.join-condition {
  padding: .2rem;
  color: #fff;
  background: #4c4c4c;
  line-height: 1.5;
  background: #515050;
  background: -moz-linear-gradient(top, #515050, #303030);
  background: -webkit-linear-gradient(top, #515050, #303030);
  background: -o-linear-gradient(top, #515050, #303030); }
  .join-condition h3 {
    margin-bottom: .1rem;
    font-size: .18rem; }
  .join-condition li {
    margin-left: .2rem;
    font-size: .12rem;
    list-style-type: disc; }

.help-main {
  margin: .05rem .2rem .2rem; }

.help-title {
  padding: .1rem;
  background: #696d6f;
  text-align: center;
  font-size: .16rem;
  color: #fff;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box; }

.help-group {
  padding: 0 0 .1rem; }
  .help-group .hidden {
    display: none;
    visibility: hidden; }

.help-item {
  border-bottom: 1px solid #d1d2d2; }
  .help-item.open .help-triangle {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg); }

.help-no-data {
  margin-top: .1rem;
  font-size: .14rem;
  color: #666;
  text-align: center; }

.help-q {
  display: block;
  position: relative;
  padding: 12px 45px 12px 5px;
  color: #078ad3;
  font-size: .13rem;
  cursor: pointer; }
  .help-q:hover {
    text-decoration: none; }

.help-a {
  display: none;
  padding: 10px 5px 12px 5px;
  line-height: 1.5;
  font-size: .12rem;
  color: #555;
  border-top: 1px solid #d1d2d2; }

.triangle-down {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #0388d3;
  cursor: pointer; }

.help-triangle {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 10px;
  transition: all .3s ease-in-out; }

.legal-title {
  margin: .1rem;
  font-size: .28rem;
  text-align: center; }

.legal-container p {
  line-height: 1.5;
  font-size: .13rem;
  text-indent: 2em;
  color: #444; }

.protocol-main {
  line-height: 1.5; }

.protocol-main p {
  color: #555;
  font-size: .13rem; }

.text-index-2 {
  text-indent: 2em; }

.protocol-title {
  margin: .1rem;
  font-size: .24rem;
  text-align: center; }

.protocol-item {
  margin-top: 30px; }

.protocol-item h3,
.protocol-item h4 {
  font-weight: 600; }

.protocol-item p {
  text-indent: 2em; }

.protocol-main .indext4 {
  text-indent: 4em; }

.protocol-main .indext6 {
  text-indent: 6em; }

.case-container {
  width: 80%;
  margin: 0 auto; }

.case-banner {
  min-height: 1.1rem; }

.case-titlebox {
  padding: .2rem 0 .1rem;
  text-align: center; }

.case-logo {
  display: inline-block;
  width: .46rem;
  height: .46rem; }

.case-title {
  margin-left: .05rem;
  padding-left: .15rem;
  display: inline-block;
  font-size: .18rem;
  font-weight: 600;
  position: relative; }
  .case-title::before {
    content: "";
    position: absolute;
    left: 0;
    height: .1rem;
    width: .1rem;
    background: #f0d15d;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    background-clip: padding-box; }
  .case-title.red::before {
    content: "";
    background: #d7161b; }
  .case-title.brown::before {
    content: "";
    background: #836526; }
  .case-title.orange::before {
    content: "";
    background: #f0b251; }
  .case-title.black::before {
    content: "";
    background: #151222; }

.case-ellipsis {
  /*position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;*/ }
  .case-ellipsis .txt {
        /*-webkit-box-flex: 1; 
        -ms-flex: 1;
        flex: 1;
        flex-basis: auto;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        -webkit-box-pack: center;

        word-wrap: break-word;
        overflow: hidden;*/
    font-size: .12rem;
    line-height: .22rem;
    text-indent: 2em;
    /*height: .66rem;*/
    overflow: hidden; }
  .case-ellipsis .more {
    color: #58ba2d;
    font-size: .1rem;
    /*position: absolute;*/
    /*bottom:0;right:0;*/ }

.first-letter {
  color: #0087d2;
  font-size: .18rem; }

.index2 {
  text-indent: 2em; }

.bcolor {
  color: #0087d2; }

.rcolor {
  color: #df3d22; }

.gcolor {
  color: #58ba2d; }

.ocolor {
  color: #f98100; }

.pcolor {
  color: #4b43b6; }

.case-info {
  text-align: center;
  line-height: .26rem;
  font-size: .12rem; }

.ci-title {
  margin-top: .34rem;
  margin-bottom: .06rem;
  font-size: .18rem;
  color: #0087d2;
  font-weight: 800; }

.f12 {
  font-size: .12rem; }

.f10 {
  font-size: .1rem; }

.f8 {
  font-size: .08rem; }

.case-contact {
  margin-top: .26rem;
  padding: .25rem 0;
  border-top: 1px solid #aeaeae;
  border-bottom: 1px solid #aeaeae; }

.case-function {
  width: 80%;
  margin: .1rem auto 0; }
  .case-function .title {
    padding-top: .2rem;
    font-size: .18rem;
    font-weight: 700; }
  .case-function .item {
    margin-top: .15rem; }
  .case-function .ico {
    width: .35rem; }
  .case-function .subtitle {
    padding: .06rem 0;
    font-size: .14rem;
    font-weight: 700; }
  .case-function .txt {
    font-size: .12rem;
    line-height: .22rem; }
  .case-function .f14 {
    font-size: .14rem; }

.case-qrc {
  display: block;
  margin: .3rem auto .4rem;
  width: .9rem; }

.restaurant-img-box,
.dessert-img-box,
.fast-food-img-box,
.hot-pot-img-box {
  margin-top: .3rem; }
  .restaurant-img-box .item,
  .dessert-img-box .item,
  .fast-food-img-box .item,
  .hot-pot-img-box .item {
    position: relative;
    width: 50%;
    float: left;
    display: inline-block; }
  .restaurant-img-box .img,
  .dessert-img-box .img,
  .fast-food-img-box .img,
  .hot-pot-img-box .img {
    position: relative;
    z-index: 3; }
  .restaurant-img-box .bg,
  .dessert-img-box .bg,
  .fast-food-img-box .bg,
  .hot-pot-img-box .bg {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background: rgba(0, 135, 210, 0.75); }
  .restaurant-img-box .magnifying,
  .dessert-img-box .magnifying,
  .fast-food-img-box .magnifying,
  .hot-pot-img-box .magnifying {
    position: absolute;
    z-index: 5;
    display: block;
    height: .3rem;
    width: .3rem;
    background: url(../images/case/common/magnifying.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%; }

.fast-food-img-box .a {
  width: 26.49%; }
.fast-food-img-box .b {
  width: 35.82%; }
.fast-food-img-box .c {
  width: 37.68%; }

.dessert-img-box {
  min-height: 1.1rem;
  overflow: hidden; }
  .dessert-img-box .a {
    width: 41.2%; }
  .dessert-img-box .b, .dessert-img-box .c {
    width: 58.8%; }

.restaurant-img-box .a {
  width: 39.7%; }
.restaurant-img-box .b, .restaurant-img-box .c, .restaurant-img-box .d {
  width: 59.4%; }

.case-pic-tips {
  margin-top: .08rem;
  font-size: .1rem;
  text-align: center;
  color: #666; }

.download-txt {
  margin: .2rem;
  text-indent: 2em;
  font-size: .14rem; }

.download-group {
  margin: .2rem;
  padding: .2rem;
  border: 1px solid #0070c5;
  line-height: 1.5; }
  .download-group .title {
    font-size: .18rem;
    text-align: center; }
  .download-group .btn {
    width: 80%;
    margin: .1rem auto; }
  .download-group .tips {
    text-indent: 2em;
    margin-bottom: .1rem;
    margin-top: .2rem; }
  .download-group .txt {
    font-size: .12rem;
    color: #555; }
  .download-group .qrc {
    margin: .15rem auto;
    width: 150px;
    height: 150px; }

.text-right {
  text-align: right; }

.join-form-group {
  margin-top: .1rem;
  background: #fff;
  padding: 0 .2rem; }
  .join-form-group .label {
    height: .48rem;
    line-height: .48rem;
    color: #555;
    font-size: .14rem; }
  .join-form-group .input {
    height: .48rem;
    color: #616060;
    border: none;
    margin-left: .1rem;
    text-align: right;
    font-size: .14rem; }
    .join-form-group .input.rcolor {
      color: #c81620; }
    .join-form-group .input[disabled], .join-form-group .input:disabled {
      opacity: .8;
      background: #fff; }
  .join-form-group .select {
    display: inline-block;
    padding: 0 .05rem;
    line-height: .3rem;
    border: 1px solid #eee;
    -webkit-border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
    border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
    background-clip: padding-box; }

.help-search-box {
  position: relative;
  width: 80%;
  margin: .08rem auto; }

.help-search-input {
  padding: 0 .1rem 0 .35rem;
  width: 100%;
  height: .4rem;
  background: #f7f7f7;
  border: 1px solid #ebebec;
  -webkit-box-shadow: 0 1px 3px rgba(105, 110, 111, 0.3) inset;
  -moz-box-shadow: 0 1px 3px rgba(105, 110, 111, 0.3) inset;
  box-shadow: 0 1px 3px rgba(105, 110, 111, 0.3) inset;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
  .help-search-input:focus {
    border: 1px solid #078ad3; }
  .help-search-input.error {
    border: 1px solid #de2537; }

.help-search-btn {
  position: absolute;
  z-index: 2;
  left: .1rem;
  top: 50%;
  margin-top: -.08rem;
  display: block;
  width: .16rem;
  height: .16rem;
  background: url(../../images/help/search_icon.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%; }

.download-app-item {
  margin: .3rem .12rem .4rem; }
  .download-app-item .title {
    margin: .15rem 0;
    font-size: .16rem; }
  .download-app-item .table {
    width: 100%; }
    .download-app-item .table thead tr {
      background: #626262; }
      .download-app-item .table thead tr td {
        color: #fff; }
    .download-app-item .table tbody td {
      border: 1px solid #c9c9c9;
      color: #5c5c5c; }
    .download-app-item .table tr {
      height: .4rem; }
      .download-app-item .table tr td {
        text-align: center;
        padding: .05rem;
        font-size: .12rem;
        vertical-align: middle;
        line-height: normal; }
        .download-app-item .table tr td.a {
          min-width: .5rem; }
        .download-app-item .table tr td.b {
          min-width: .8rem; }
        .download-app-item .table tr td.d {
          min-width: .45rem; }
  .download-app-item .btn {
    font-size: .12rem;
    color: #078ad3; }