@charset "UTF-8";
[v-cloak] {
  display: none; }

.j-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.all_background {
  min-height: 100vh;
  background: #FFF; }

* {
  word-wrap: break-word; }

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
  margin: 0;
  padding: 0; }

ul, ol, dl {
  list-style-type: none; }

html, body {
  *position: static; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

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

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

input, button {
  overflow: visible;
  vertical-align: middle;
  outline: none; }

body, th, td, button, input, select, textarea {
  font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
  font-size: 12px;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  line-height: 1.6; }

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

a, area {
  outline: none;
  blr: expression(this.onFocus=this.blur()); }

a {
  text-decoration: none;
  cursor: pointer; }

a:hover {
  text-decoration: none;
  outline: none; }

a.ie6:hover {
  zoom: 1; }

a:focus {
  outline: none; }

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

:focus {
  outline: none; }

sub, sup {
  vertical-align: baseline; }

button, input[type="button"], input[type="submit"] {
  line-height: normal !important; }

a, a:hover, a:active, a:visited, a:link, a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  text-decoration: none; }

br {
  font-family: "\5B8B\4F53" !important; }

/*img*/
img {
  border: 0;
  vertical-align: middle; }

a img, img {
  -ms-interpolation-mode: bicubic; }

.img-responsive {
  max-width: 100%;
  height: auto; }

/*HTML5 reset*/
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend {
  display: block;
  margin: 0;
  padding: 0; }

time {
  display: inline; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

legend {
  width: 100%;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

legend small {
  font-size: 15px;
  color: #999; }

svg:not(:root) {
  overflow: hidden; }

fieldset {
  border-width: 0;
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after, .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.cl, .clearfix {
  zoom: 1; }

input, spana, a {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

@media (max-width: 992.99) {
  html {
    font-size: 37.1378px; } }
@media (max-width: 991.99) {
  html {
    font-size: 37.1004px; } }
@media (max-width: 990.99) {
  html {
    font-size: 37.063px; } }
@media (max-width: 989.99) {
  html {
    font-size: 37.0256px; } }
@media (max-width: 988.99) {
  html {
    font-size: 36.9882px; } }
@media (max-width: 987.99) {
  html {
    font-size: 36.9508px; } }
@media (max-width: 986.99) {
  html {
    font-size: 36.9134px; } }
@media (max-width: 985.99) {
  html {
    font-size: 36.876px; } }
@media (max-width: 984.99) {
  html {
    font-size: 36.8386px; } }
@media (max-width: 983.99) {
  html {
    font-size: 36.8012px; } }
@media (max-width: 982.99) {
  html {
    font-size: 36.7638px; } }
@media (max-width: 981.99) {
  html {
    font-size: 36.7264px; } }
@media (max-width: 980.99) {
  html {
    font-size: 36.689px; } }
@media (max-width: 979.99) {
  html {
    font-size: 36.6516px; } }
@media (max-width: 978.99) {
  html {
    font-size: 36.6142px; } }
@media (max-width: 977.99) {
  html {
    font-size: 36.5768px; } }
@media (max-width: 976.99) {
  html {
    font-size: 36.5394px; } }
@media (max-width: 975.99) {
  html {
    font-size: 36.502px; } }
@media (max-width: 974.99) {
  html {
    font-size: 36.4646px; } }
@media (max-width: 973.99) {
  html {
    font-size: 36.4272px; } }
@media (max-width: 972.99) {
  html {
    font-size: 36.3898px; } }
@media (max-width: 971.99) {
  html {
    font-size: 36.3524px; } }
@media (max-width: 970.99) {
  html {
    font-size: 36.315px; } }
@media (max-width: 969.99) {
  html {
    font-size: 36.2776px; } }
@media (max-width: 968.99) {
  html {
    font-size: 36.2402px; } }
@media (max-width: 967.99) {
  html {
    font-size: 36.2028px; } }
@media (max-width: 966.99) {
  html {
    font-size: 36.1654px; } }
@media (max-width: 965.99) {
  html {
    font-size: 36.128px; } }
@media (max-width: 964.99) {
  html {
    font-size: 36.0906px; } }
@media (max-width: 963.99) {
  html {
    font-size: 36.0532px; } }
@media (max-width: 962.99) {
  html {
    font-size: 36.0158px; } }
@media (max-width: 961.99) {
  html {
    font-size: 35.9784px; } }
@media (max-width: 960.99) {
  html {
    font-size: 35.941px; } }
@media (max-width: 959.99) {
  html {
    font-size: 35.9036px; } }
@media (max-width: 958.99) {
  html {
    font-size: 35.8662px; } }
@media (max-width: 957.99) {
  html {
    font-size: 35.8288px; } }
@media (max-width: 956.99) {
  html {
    font-size: 35.7914px; } }
@media (max-width: 955.99) {
  html {
    font-size: 35.754px; } }
@media (max-width: 954.99) {
  html {
    font-size: 35.7166px; } }
@media (max-width: 953.99) {
  html {
    font-size: 35.6792px; } }
@media (max-width: 952.99) {
  html {
    font-size: 35.6418px; } }
@media (max-width: 951.99) {
  html {
    font-size: 35.6044px; } }
@media (max-width: 950.99) {
  html {
    font-size: 35.567px; } }
@media (max-width: 949.99) {
  html {
    font-size: 35.5296px; } }
@media (max-width: 948.99) {
  html {
    font-size: 35.4922px; } }
@media (max-width: 947.99) {
  html {
    font-size: 35.4548px; } }
@media (max-width: 946.99) {
  html {
    font-size: 35.4174px; } }
@media (max-width: 945.99) {
  html {
    font-size: 35.38px; } }
@media (max-width: 944.99) {
  html {
    font-size: 35.3426px; } }
@media (max-width: 943.99) {
  html {
    font-size: 35.3052px; } }
@media (max-width: 942.99) {
  html {
    font-size: 35.2678px; } }
@media (max-width: 941.99) {
  html {
    font-size: 35.2304px; } }
@media (max-width: 940.99) {
  html {
    font-size: 35.193px; } }
@media (max-width: 939.99) {
  html {
    font-size: 35.1556px; } }
@media (max-width: 938.99) {
  html {
    font-size: 35.1182px; } }
@media (max-width: 937.99) {
  html {
    font-size: 35.0808px; } }
@media (max-width: 936.99) {
  html {
    font-size: 35.0434px; } }
@media (max-width: 935.99) {
  html {
    font-size: 35.006px; } }
@media (max-width: 934.99) {
  html {
    font-size: 34.9686px; } }
@media (max-width: 933.99) {
  html {
    font-size: 34.9312px; } }
@media (max-width: 932.99) {
  html {
    font-size: 34.8938px; } }
@media (max-width: 931.99) {
  html {
    font-size: 34.8564px; } }
@media (max-width: 930.99) {
  html {
    font-size: 34.819px; } }
@media (max-width: 929.99) {
  html {
    font-size: 34.7816px; } }
@media (max-width: 928.99) {
  html {
    font-size: 34.7442px; } }
@media (max-width: 927.99) {
  html {
    font-size: 34.7068px; } }
@media (max-width: 926.99) {
  html {
    font-size: 34.6694px; } }
@media (max-width: 925.99) {
  html {
    font-size: 34.632px; } }
@media (max-width: 924.99) {
  html {
    font-size: 34.5946px; } }
@media (max-width: 923.99) {
  html {
    font-size: 34.5572px; } }
@media (max-width: 922.99) {
  html {
    font-size: 34.5198px; } }
@media (max-width: 921.99) {
  html {
    font-size: 34.4824px; } }
@media (max-width: 920.99) {
  html {
    font-size: 34.445px; } }
@media (max-width: 919.99) {
  html {
    font-size: 34.4076px; } }
@media (max-width: 918.99) {
  html {
    font-size: 34.3702px; } }
@media (max-width: 917.99) {
  html {
    font-size: 34.3328px; } }
@media (max-width: 916.99) {
  html {
    font-size: 34.2954px; } }
@media (max-width: 915.99) {
  html {
    font-size: 34.258px; } }
@media (max-width: 914.99) {
  html {
    font-size: 34.2206px; } }
@media (max-width: 913.99) {
  html {
    font-size: 34.1832px; } }
@media (max-width: 912.99) {
  html {
    font-size: 34.1458px; } }
@media (max-width: 911.99) {
  html {
    font-size: 34.1084px; } }
@media (max-width: 910.99) {
  html {
    font-size: 34.071px; } }
@media (max-width: 909.99) {
  html {
    font-size: 34.0336px; } }
@media (max-width: 908.99) {
  html {
    font-size: 33.9962px; } }
@media (max-width: 907.99) {
  html {
    font-size: 33.9588px; } }
@media (max-width: 906.99) {
  html {
    font-size: 33.9214px; } }
@media (max-width: 905.99) {
  html {
    font-size: 33.884px; } }
@media (max-width: 904.99) {
  html {
    font-size: 33.8466px; } }
@media (max-width: 903.99) {
  html {
    font-size: 33.8092px; } }
@media (max-width: 902.99) {
  html {
    font-size: 33.7718px; } }
@media (max-width: 901.99) {
  html {
    font-size: 33.7344px; } }
@media (max-width: 900.99) {
  html {
    font-size: 33.697px; } }
@media (max-width: 899.99) {
  html {
    font-size: 33.6596px; } }
@media (max-width: 898.99) {
  html {
    font-size: 33.6222px; } }
@media (max-width: 897.99) {
  html {
    font-size: 33.5848px; } }
@media (max-width: 896.99) {
  html {
    font-size: 33.5474px; } }
@media (max-width: 895.99) {
  html {
    font-size: 33.51px; } }
@media (max-width: 894.99) {
  html {
    font-size: 33.4726px; } }
@media (max-width: 893.99) {
  html {
    font-size: 33.4352px; } }
@media (max-width: 892.99) {
  html {
    font-size: 33.3978px; } }
@media (max-width: 891.99) {
  html {
    font-size: 33.3604px; } }
@media (max-width: 890.99) {
  html {
    font-size: 33.323px; } }
@media (max-width: 889.99) {
  html {
    font-size: 33.2856px; } }
@media (max-width: 888.99) {
  html {
    font-size: 33.2482px; } }
@media (max-width: 887.99) {
  html {
    font-size: 33.2108px; } }
@media (max-width: 886.99) {
  html {
    font-size: 33.1734px; } }
@media (max-width: 885.99) {
  html {
    font-size: 33.136px; } }
@media (max-width: 884.99) {
  html {
    font-size: 33.0986px; } }
@media (max-width: 883.99) {
  html {
    font-size: 33.0612px; } }
@media (max-width: 882.99) {
  html {
    font-size: 33.0238px; } }
@media (max-width: 881.99) {
  html {
    font-size: 32.9864px; } }
@media (max-width: 880.99) {
  html {
    font-size: 32.949px; } }
@media (max-width: 879.99) {
  html {
    font-size: 32.9116px; } }
@media (max-width: 878.99) {
  html {
    font-size: 32.8742px; } }
@media (max-width: 877.99) {
  html {
    font-size: 32.8368px; } }
@media (max-width: 876.99) {
  html {
    font-size: 32.7994px; } }
@media (max-width: 875.99) {
  html {
    font-size: 32.762px; } }
@media (max-width: 874.99) {
  html {
    font-size: 32.7246px; } }
@media (max-width: 873.99) {
  html {
    font-size: 32.6872px; } }
@media (max-width: 872.99) {
  html {
    font-size: 32.6498px; } }
@media (max-width: 871.99) {
  html {
    font-size: 32.6124px; } }
@media (max-width: 870.99) {
  html {
    font-size: 32.575px; } }
@media (max-width: 869.99) {
  html {
    font-size: 32.5376px; } }
@media (max-width: 868.99) {
  html {
    font-size: 32.5002px; } }
@media (max-width: 867.99) {
  html {
    font-size: 32.4628px; } }
@media (max-width: 866.99) {
  html {
    font-size: 32.4254px; } }
@media (max-width: 865.99) {
  html {
    font-size: 32.388px; } }
@media (max-width: 864.99) {
  html {
    font-size: 32.3506px; } }
@media (max-width: 863.99) {
  html {
    font-size: 32.3132px; } }
@media (max-width: 862.99) {
  html {
    font-size: 32.2758px; } }
@media (max-width: 861.99) {
  html {
    font-size: 32.2384px; } }
@media (max-width: 860.99) {
  html {
    font-size: 32.201px; } }
@media (max-width: 859.99) {
  html {
    font-size: 32.1636px; } }
@media (max-width: 858.99) {
  html {
    font-size: 32.1262px; } }
@media (max-width: 857.99) {
  html {
    font-size: 32.0888px; } }
@media (max-width: 856.99) {
  html {
    font-size: 32.0514px; } }
@media (max-width: 855.99) {
  html {
    font-size: 32.014px; } }
@media (max-width: 854.99) {
  html {
    font-size: 31.9766px; } }
@media (max-width: 853.99) {
  html {
    font-size: 31.9392px; } }
@media (max-width: 852.99) {
  html {
    font-size: 31.9018px; } }
@media (max-width: 851.99) {
  html {
    font-size: 31.8644px; } }
@media (max-width: 850.99) {
  html {
    font-size: 31.827px; } }
@media (max-width: 849.99) {
  html {
    font-size: 31.7896px; } }
@media (max-width: 848.99) {
  html {
    font-size: 31.7522px; } }
@media (max-width: 847.99) {
  html {
    font-size: 31.7148px; } }
@media (max-width: 846.99) {
  html {
    font-size: 31.6774px; } }
@media (max-width: 845.99) {
  html {
    font-size: 31.64px; } }
@media (max-width: 844.99) {
  html {
    font-size: 31.6026px; } }
@media (max-width: 843.99) {
  html {
    font-size: 31.5652px; } }
@media (max-width: 842.99) {
  html {
    font-size: 31.5278px; } }
@media (max-width: 841.99) {
  html {
    font-size: 31.4904px; } }
@media (max-width: 840.99) {
  html {
    font-size: 31.453px; } }
@media (max-width: 839.99) {
  html {
    font-size: 31.4156px; } }
@media (max-width: 838.99) {
  html {
    font-size: 31.3782px; } }
@media (max-width: 837.99) {
  html {
    font-size: 31.3408px; } }
@media (max-width: 836.99) {
  html {
    font-size: 31.3034px; } }
@media (max-width: 835.99) {
  html {
    font-size: 31.266px; } }
@media (max-width: 834.99) {
  html {
    font-size: 31.2286px; } }
@media (max-width: 833.99) {
  html {
    font-size: 31.1912px; } }
@media (max-width: 832.99) {
  html {
    font-size: 31.1538px; } }
@media (max-width: 831.99) {
  html {
    font-size: 31.1164px; } }
@media (max-width: 830.99) {
  html {
    font-size: 31.079px; } }
@media (max-width: 829.99) {
  html {
    font-size: 31.0416px; } }
@media (max-width: 828.99) {
  html {
    font-size: 31.0042px; } }
@media (max-width: 827.99) {
  html {
    font-size: 30.9668px; } }
@media (max-width: 826.99) {
  html {
    font-size: 30.9294px; } }
@media (max-width: 825.99) {
  html {
    font-size: 30.892px; } }
@media (max-width: 824.99) {
  html {
    font-size: 30.8546px; } }
@media (max-width: 823.99) {
  html {
    font-size: 30.8172px; } }
@media (max-width: 822.99) {
  html {
    font-size: 30.7798px; } }
@media (max-width: 821.99) {
  html {
    font-size: 30.7424px; } }
@media (max-width: 820.99) {
  html {
    font-size: 30.705px; } }
@media (max-width: 819.99) {
  html {
    font-size: 30.6676px; } }
@media (max-width: 818.99) {
  html {
    font-size: 30.6302px; } }
@media (max-width: 817.99) {
  html {
    font-size: 30.5928px; } }
@media (max-width: 816.99) {
  html {
    font-size: 30.5554px; } }
@media (max-width: 815.99) {
  html {
    font-size: 30.518px; } }
@media (max-width: 814.99) {
  html {
    font-size: 30.4806px; } }
@media (max-width: 813.99) {
  html {
    font-size: 30.4432px; } }
@media (max-width: 812.99) {
  html {
    font-size: 30.4058px; } }
@media (max-width: 811.99) {
  html {
    font-size: 30.3684px; } }
@media (max-width: 810.99) {
  html {
    font-size: 30.331px; } }
@media (max-width: 809.99) {
  html {
    font-size: 30.2936px; } }
@media (max-width: 808.99) {
  html {
    font-size: 30.2562px; } }
@media (max-width: 807.99) {
  html {
    font-size: 30.2188px; } }
@media (max-width: 806.99) {
  html {
    font-size: 30.1814px; } }
@media (max-width: 805.99) {
  html {
    font-size: 30.144px; } }
@media (max-width: 804.99) {
  html {
    font-size: 30.1066px; } }
@media (max-width: 803.99) {
  html {
    font-size: 30.0692px; } }
@media (max-width: 802.99) {
  html {
    font-size: 30.0318px; } }
@media (max-width: 801.99) {
  html {
    font-size: 29.9944px; } }
@media (max-width: 800.99) {
  html {
    font-size: 29.957px; } }
@media (max-width: 799.99) {
  html {
    font-size: 29.9196px; } }
@media (max-width: 798.99) {
  html {
    font-size: 29.8822px; } }
@media (max-width: 797.99) {
  html {
    font-size: 29.8448px; } }
@media (max-width: 796.99) {
  html {
    font-size: 29.8074px; } }
@media (max-width: 795.99) {
  html {
    font-size: 29.77px; } }
@media (max-width: 794.99) {
  html {
    font-size: 29.7326px; } }
@media (max-width: 793.99) {
  html {
    font-size: 29.6952px; } }
@media (max-width: 792.99) {
  html {
    font-size: 29.6578px; } }
@media (max-width: 791.99) {
  html {
    font-size: 29.6204px; } }
@media (max-width: 790.99) {
  html {
    font-size: 29.583px; } }
@media (max-width: 789.99) {
  html {
    font-size: 29.5456px; } }
@media (max-width: 788.99) {
  html {
    font-size: 29.5082px; } }
@media (max-width: 787.99) {
  html {
    font-size: 29.4708px; } }
@media (max-width: 786.99) {
  html {
    font-size: 29.4334px; } }
@media (max-width: 785.99) {
  html {
    font-size: 29.396px; } }
@media (max-width: 784.99) {
  html {
    font-size: 29.3586px; } }
@media (max-width: 783.99) {
  html {
    font-size: 29.3212px; } }
@media (max-width: 782.99) {
  html {
    font-size: 29.2838px; } }
@media (max-width: 781.99) {
  html {
    font-size: 29.2464px; } }
@media (max-width: 780.99) {
  html {
    font-size: 29.209px; } }
@media (max-width: 779.99) {
  html {
    font-size: 29.1716px; } }
@media (max-width: 778.99) {
  html {
    font-size: 29.1342px; } }
@media (max-width: 777.99) {
  html {
    font-size: 29.0968px; } }
@media (max-width: 776.99) {
  html {
    font-size: 29.0594px; } }
@media (max-width: 775.99) {
  html {
    font-size: 29.022px; } }
@media (max-width: 774.99) {
  html {
    font-size: 28.9846px; } }
@media (max-width: 773.99) {
  html {
    font-size: 28.9472px; } }
@media (max-width: 772.99) {
  html {
    font-size: 28.9098px; } }
@media (max-width: 771.99) {
  html {
    font-size: 28.8724px; } }
@media (max-width: 770.99) {
  html {
    font-size: 28.835px; } }
@media (max-width: 769.99) {
  html {
    font-size: 28.7976px; } }
@media (max-width: 768.99) {
  html {
    font-size: 28.7602px; } }
@media (max-width: 767.99) {
  html {
    font-size: 28.7228px; } }
@media (max-width: 766.99) {
  html {
    font-size: 28.6854px; } }
@media (max-width: 765.99) {
  html {
    font-size: 28.648px; } }
@media (max-width: 764.99) {
  html {
    font-size: 28.6106px; } }
@media (max-width: 763.99) {
  html {
    font-size: 28.5732px; } }
@media (max-width: 762.99) {
  html {
    font-size: 28.5358px; } }
@media (max-width: 761.99) {
  html {
    font-size: 28.4984px; } }
@media (max-width: 760.99) {
  html {
    font-size: 28.461px; } }
@media (max-width: 759.99) {
  html {
    font-size: 28.4236px; } }
@media (max-width: 758.99) {
  html {
    font-size: 28.3862px; } }
@media (max-width: 757.99) {
  html {
    font-size: 28.3488px; } }
@media (max-width: 756.99) {
  html {
    font-size: 28.3114px; } }
@media (max-width: 755.99) {
  html {
    font-size: 28.274px; } }
@media (max-width: 754.99) {
  html {
    font-size: 28.2366px; } }
@media (max-width: 753.99) {
  html {
    font-size: 28.1992px; } }
@media (max-width: 752.99) {
  html {
    font-size: 28.1618px; } }
@media (max-width: 751.99) {
  html {
    font-size: 28.1244px; } }
@media (max-width: 750.99px) {
  html {
    font-size: 28.087px; } }
@media (max-width: 749.99px) {
  html {
    font-size: 28.0496px; } }
@media (max-width: 748.99px) {
  html {
    font-size: 28.0122px; } }
@media (max-width: 747.99px) {
  html {
    font-size: 27.9748px; } }
@media (max-width: 746.99px) {
  html {
    font-size: 27.9374px; } }
@media (max-width: 745.99px) {
  html {
    font-size: 27.9px; } }
@media (max-width: 744.99px) {
  html {
    font-size: 27.8626px; } }
@media (max-width: 743.99px) {
  html {
    font-size: 27.8252px; } }
@media (max-width: 742.99px) {
  html {
    font-size: 27.7878px; } }
@media (max-width: 741.99px) {
  html {
    font-size: 27.7504px; } }
@media (max-width: 740.99px) {
  html {
    font-size: 27.713px; } }
@media (max-width: 739.99px) {
  html {
    font-size: 27.6756px; } }
@media (max-width: 738.99px) {
  html {
    font-size: 27.6382px; } }
@media (max-width: 737.99px) {
  html {
    font-size: 27.6008px; } }
@media (max-width: 736.99px) {
  html {
    font-size: 27.5634px; } }
@media (max-width: 735.99px) {
  html {
    font-size: 27.526px; } }
@media (max-width: 734.99px) {
  html {
    font-size: 27.4886px; } }
@media (max-width: 733.99px) {
  html {
    font-size: 27.4512px; } }
@media (max-width: 732.99px) {
  html {
    font-size: 27.4138px; } }
@media (max-width: 731.99px) {
  html {
    font-size: 27.3764px; } }
@media (max-width: 730.99px) {
  html {
    font-size: 27.339px; } }
@media (max-width: 729.99px) {
  html {
    font-size: 27.3016px; } }
@media (max-width: 728.99px) {
  html {
    font-size: 27.2642px; } }
@media (max-width: 727.99px) {
  html {
    font-size: 27.2268px; } }
@media (max-width: 726.99px) {
  html {
    font-size: 27.1894px; } }
@media (max-width: 725.99px) {
  html {
    font-size: 27.152px; } }
@media (max-width: 724.99px) {
  html {
    font-size: 27.1146px; } }
@media (max-width: 723.99px) {
  html {
    font-size: 27.0772px; } }
@media (max-width: 722.99px) {
  html {
    font-size: 27.0398px; } }
@media (max-width: 721.99px) {
  html {
    font-size: 27.0024px; } }
@media (max-width: 720.99px) {
  html {
    font-size: 26.965px; } }
@media (max-width: 719.99px) {
  html {
    font-size: 26.9276px; } }
@media (max-width: 718.99px) {
  html {
    font-size: 26.8902px; } }
@media (max-width: 717.99px) {
  html {
    font-size: 26.8528px; } }
@media (max-width: 716.99px) {
  html {
    font-size: 26.8154px; } }
@media (max-width: 715.99px) {
  html {
    font-size: 26.778px; } }
@media (max-width: 714.99px) {
  html {
    font-size: 26.7406px; } }
@media (max-width: 713.99px) {
  html {
    font-size: 26.7032px; } }
@media (max-width: 712.99px) {
  html {
    font-size: 26.6658px; } }
@media (max-width: 711.99px) {
  html {
    font-size: 26.6284px; } }
@media (max-width: 710.99px) {
  html {
    font-size: 26.591px; } }
@media (max-width: 709.99px) {
  html {
    font-size: 26.5536px; } }
@media (max-width: 708.99px) {
  html {
    font-size: 26.5162px; } }
@media (max-width: 707.99px) {
  html {
    font-size: 26.4788px; } }
@media (max-width: 706.99px) {
  html {
    font-size: 26.4414px; } }
@media (max-width: 705.99px) {
  html {
    font-size: 26.404px; } }
@media (max-width: 704.99px) {
  html {
    font-size: 26.3666px; } }
@media (max-width: 703.99px) {
  html {
    font-size: 26.3292px; } }
@media (max-width: 702.99px) {
  html {
    font-size: 26.2918px; } }
@media (max-width: 701.99px) {
  html {
    font-size: 26.2544px; } }
@media (max-width: 700.99px) {
  html {
    font-size: 26.217px; } }
@media (max-width: 699.99px) {
  html {
    font-size: 26.1796px; } }
@media (max-width: 698.99px) {
  html {
    font-size: 26.1422px; } }
@media (max-width: 697.99px) {
  html {
    font-size: 26.1048px; } }
@media (max-width: 696.99px) {
  html {
    font-size: 26.0674px; } }
@media (max-width: 695.99px) {
  html {
    font-size: 26.03px; } }
@media (max-width: 694.99px) {
  html {
    font-size: 25.9926px; } }
@media (max-width: 693.99px) {
  html {
    font-size: 25.9552px; } }
@media (max-width: 692.99px) {
  html {
    font-size: 25.9178px; } }
@media (max-width: 691.99px) {
  html {
    font-size: 25.8804px; } }
@media (max-width: 690.99px) {
  html {
    font-size: 25.843px; } }
@media (max-width: 689.99px) {
  html {
    font-size: 25.8056px; } }
@media (max-width: 688.99px) {
  html {
    font-size: 25.7682px; } }
@media (max-width: 687.99px) {
  html {
    font-size: 25.7308px; } }
@media (max-width: 686.99px) {
  html {
    font-size: 25.6934px; } }
@media (max-width: 685.99px) {
  html {
    font-size: 25.656px; } }
@media (max-width: 684.99px) {
  html {
    font-size: 25.6186px; } }
@media (max-width: 683.99px) {
  html {
    font-size: 25.5812px; } }
@media (max-width: 682.99px) {
  html {
    font-size: 25.5438px; } }
@media (max-width: 681.99px) {
  html {
    font-size: 25.5064px; } }
@media (max-width: 680.99px) {
  html {
    font-size: 25.469px; } }
@media (max-width: 679.99px) {
  html {
    font-size: 25.4316px; } }
@media (max-width: 678.99px) {
  html {
    font-size: 25.3942px; } }
@media (max-width: 677.99px) {
  html {
    font-size: 25.3568px; } }
@media (max-width: 676.99px) {
  html {
    font-size: 25.3194px; } }
@media (max-width: 675.99px) {
  html {
    font-size: 25.282px; } }
@media (max-width: 674.99px) {
  html {
    font-size: 25.2446px; } }
@media (max-width: 673.99px) {
  html {
    font-size: 25.2072px; } }
@media (max-width: 672.99px) {
  html {
    font-size: 25.1698px; } }
@media (max-width: 671.99px) {
  html {
    font-size: 25.1324px; } }
@media (max-width: 670.99px) {
  html {
    font-size: 25.095px; } }
@media (max-width: 669.99px) {
  html {
    font-size: 25.0576px; } }
@media (max-width: 668.99px) {
  html {
    font-size: 25.0202px; } }
@media (max-width: 667.99px) {
  html {
    font-size: 24.9828px; } }
@media (max-width: 666.99px) {
  html {
    font-size: 24.9454px; } }
@media (max-width: 665.99px) {
  html {
    font-size: 24.908px; } }
@media (max-width: 664.99px) {
  html {
    font-size: 24.8706px; } }
@media (max-width: 663.99px) {
  html {
    font-size: 24.8332px; } }
@media (max-width: 662.99px) {
  html {
    font-size: 24.7958px; } }
@media (max-width: 661.99px) {
  html {
    font-size: 24.7584px; } }
@media (max-width: 660.99px) {
  html {
    font-size: 24.721px; } }
@media (max-width: 659.99px) {
  html {
    font-size: 24.6836px; } }
@media (max-width: 658.99px) {
  html {
    font-size: 24.6462px; } }
@media (max-width: 657.99px) {
  html {
    font-size: 24.6088px; } }
@media (max-width: 656.99px) {
  html {
    font-size: 24.5714px; } }
@media (max-width: 655.99px) {
  html {
    font-size: 24.534px; } }
@media (max-width: 654.99px) {
  html {
    font-size: 24.4966px; } }
@media (max-width: 653.99px) {
  html {
    font-size: 24.4592px; } }
@media (max-width: 652.99px) {
  html {
    font-size: 24.4218px; } }
@media (max-width: 651.99px) {
  html {
    font-size: 24.3844px; } }
@media (max-width: 650.99px) {
  html {
    font-size: 24.347px; } }
@media (max-width: 649.99px) {
  html {
    font-size: 24.3096px; } }
@media (max-width: 648.99px) {
  html {
    font-size: 24.2722px; } }
@media (max-width: 647.99px) {
  html {
    font-size: 24.2348px; } }
@media (max-width: 646.99px) {
  html {
    font-size: 24.1974px; } }
@media (max-width: 645.99px) {
  html {
    font-size: 24.16px; } }
@media (max-width: 644.99px) {
  html {
    font-size: 24.1226px; } }
@media (max-width: 643.99px) {
  html {
    font-size: 24.0852px; } }
@media (max-width: 642.99px) {
  html {
    font-size: 24.0478px; } }
@media (max-width: 641.99px) {
  html {
    font-size: 24.0104px; } }
@media (max-width: 640.99px) {
  html {
    font-size: 24px; } }
@media (max-width: 639.99px) {
  html {
    font-size: 23.96px; } }
@media (max-width: 638.99px) {
  html {
    font-size: 23.93px; } }
@media (max-width: 637.99px) {
  html {
    font-size: 23.89px; } }
@media (max-width: 636.99px) {
  html {
    font-size: 23.85px; } }
@media (max-width: 635.99px) {
  html {
    font-size: 23.81px; } }
@media (max-width: 634.99px) {
  html {
    font-size: 23.78px; } }
@media (max-width: 633.99px) {
  html {
    font-size: 23.74px; } }
@media (max-width: 632.99px) {
  html {
    font-size: 23.7px; } }
@media (max-width: 631.99px) {
  html {
    font-size: 23.66px; } }
@media (max-width: 630.99px) {
  html {
    font-size: 23.63px; } }
@media (max-width: 629.99px) {
  html {
    font-size: 23.59px; } }
@media (max-width: 628.99px) {
  html {
    font-size: 23.55px; } }
@media (max-width: 627.99px) {
  html {
    font-size: 23.51px; } }
@media (max-width: 626.99px) {
  html {
    font-size: 23.48px; } }
@media (max-width: 625.99px) {
  html {
    font-size: 23.44px; } }
@media (max-width: 624.99px) {
  html {
    font-size: 23.4px; } }
@media (max-width: 623.99px) {
  html {
    font-size: 23.36px; } }
@media (max-width: 622.99px) {
  html {
    font-size: 23.33px; } }
@media (max-width: 621.99px) {
  html {
    font-size: 23.29px; } }
@media (max-width: 620.99px) {
  html {
    font-size: 23.25px; } }
@media (max-width: 619.99px) {
  html {
    font-size: 23.21px; } }
@media (max-width: 618.99px) {
  html {
    font-size: 23.18px; } }
@media (max-width: 617.99px) {
  html {
    font-size: 23.14px; } }
@media (max-width: 616.99px) {
  html {
    font-size: 23.1px; } }
@media (max-width: 615.99px) {
  html {
    font-size: 23.06px; } }
@media (max-width: 614.99px) {
  html {
    font-size: 23.03px; } }
@media (max-width: 613.99px) {
  html {
    font-size: 22.99px; } }
@media (max-width: 612.99px) {
  html {
    font-size: 22.95px; } }
@media (max-width: 611.99px) {
  html {
    font-size: 22.91px; } }
@media (max-width: 610.99px) {
  html {
    font-size: 22.88px; } }
@media (max-width: 609.99px) {
  html {
    font-size: 22.84px; } }
@media (max-width: 608.99px) {
  html {
    font-size: 22.8px; } }
@media (max-width: 607.99px) {
  html {
    font-size: 22.76px; } }
@media (max-width: 606.99px) {
  html {
    font-size: 22.73px; } }
@media (max-width: 605.99px) {
  html {
    font-size: 22.69px; } }
@media (max-width: 604.99px) {
  html {
    font-size: 22.65px; } }
@media (max-width: 603.99px) {
  html {
    font-size: 22.61px; } }
@media (max-width: 602.99px) {
  html {
    font-size: 22.58px; } }
@media (max-width: 601.99px) {
  html {
    font-size: 22.54px; } }
@media (max-width: 600.99px) {
  html {
    font-size: 22.5px; } }
@media (max-width: 599.99px) {
  html {
    font-size: 22.46px; } }
@media (max-width: 598.99px) {
  html {
    font-size: 22.43px; } }
@media (max-width: 597.99px) {
  html {
    font-size: 22.39px; } }
@media (max-width: 596.99px) {
  html {
    font-size: 22.35px; } }
@media (max-width: 595.99px) {
  html {
    font-size: 22.31px; } }
@media (max-width: 594.99px) {
  html {
    font-size: 22.28px; } }
@media (max-width: 593.99px) {
  html {
    font-size: 22.24px; } }
@media (max-width: 592.99px) {
  html {
    font-size: 22.2px; } }
@media (max-width: 591.99px) {
  html {
    font-size: 22.16px; } }
@media (max-width: 590.99px) {
  html {
    font-size: 22.13px; } }
@media (max-width: 589.99px) {
  html {
    font-size: 22.09px; } }
@media (max-width: 588.99px) {
  html {
    font-size: 22.05px; } }
@media (max-width: 587.99px) {
  html {
    font-size: 22.01px; } }
@media (max-width: 586.99px) {
  html {
    font-size: 21.98px; } }
@media (max-width: 585.99px) {
  html {
    font-size: 21.94px; } }
@media (max-width: 584.99px) {
  html {
    font-size: 21.9px; } }
@media (max-width: 583.99px) {
  html {
    font-size: 21.86px; } }
@media (max-width: 582.99px) {
  html {
    font-size: 21.83px; } }
@media (max-width: 581.99px) {
  html {
    font-size: 21.79px; } }
@media (max-width: 580.99px) {
  html {
    font-size: 21.75px; } }
@media (max-width: 579.99px) {
  html {
    font-size: 21.71px; } }
@media (max-width: 578.99px) {
  html {
    font-size: 21.68px; } }
@media (max-width: 577.99px) {
  html {
    font-size: 21.64px; } }
@media (max-width: 576.99px) {
  html {
    font-size: 21.6px; } }
@media (max-width: 575.99px) {
  html {
    font-size: 21.56px; } }
@media (max-width: 574.99px) {
  html {
    font-size: 21.53px; } }
@media (max-width: 573.99px) {
  html {
    font-size: 21.49px; } }
@media (max-width: 572.99px) {
  html {
    font-size: 21.45px; } }
@media (max-width: 571.99px) {
  html {
    font-size: 21.41px; } }
@media (max-width: 570.99px) {
  html {
    font-size: 21.38px; } }
@media (max-width: 569.99px) {
  html {
    font-size: 21.34px; } }
@media (max-width: 568.99px) {
  html {
    font-size: 21.3px; } }
@media (max-width: 567.99px) {
  html {
    font-size: 21.26px; } }
@media (max-width: 566.99px) {
  html {
    font-size: 21.23px; } }
@media (max-width: 565.99px) {
  html {
    font-size: 21.19px; } }
@media (max-width: 564.99px) {
  html {
    font-size: 21.15px; } }
@media (max-width: 563.99px) {
  html {
    font-size: 21.11px; } }
@media (max-width: 562.99px) {
  html {
    font-size: 21.08px; } }
@media (max-width: 561.99px) {
  html {
    font-size: 21.04px; } }
@media (max-width: 560.99px) {
  html {
    font-size: 21px; } }
@media (max-width: 559.99px) {
  html {
    font-size: 20.96px; } }
@media (max-width: 558.99px) {
  html {
    font-size: 20.93px; } }
@media (max-width: 557.99px) {
  html {
    font-size: 20.89px; } }
@media (max-width: 556.99px) {
  html {
    font-size: 20.85px; } }
@media (max-width: 555.99px) {
  html {
    font-size: 20.81px; } }
@media (max-width: 554.99px) {
  html {
    font-size: 20.78px; } }
@media (max-width: 553.99px) {
  html {
    font-size: 20.74px; } }
@media (max-width: 552.99px) {
  html {
    font-size: 20.7px; } }
@media (max-width: 551.99px) {
  html {
    font-size: 20.66px; } }
@media (max-width: 550.99px) {
  html {
    font-size: 20.63px; } }
@media (max-width: 549.99px) {
  html {
    font-size: 20.59px; } }
@media (max-width: 548.99px) {
  html {
    font-size: 20.55px; } }
@media (max-width: 547.99px) {
  html {
    font-size: 20.51px; } }
@media (max-width: 546.99px) {
  html {
    font-size: 20.48px; } }
@media (max-width: 545.99px) {
  html {
    font-size: 20.44px; } }
@media (max-width: 544.99px) {
  html {
    font-size: 20.4px; } }
@media (max-width: 543.99px) {
  html {
    font-size: 20.36px; } }
@media (max-width: 542.99px) {
  html {
    font-size: 20.33px; } }
@media (max-width: 541.99px) {
  html {
    font-size: 20.29px; } }
@media (max-width: 540.99px) {
  html {
    font-size: 20.25px; } }
@media (max-width: 539.99px) {
  html {
    font-size: 20.21px; } }
@media (max-width: 538.99px) {
  html {
    font-size: 20.18px; } }
@media (max-width: 537.99px) {
  html {
    font-size: 20.14px; } }
@media (max-width: 536.99px) {
  html {
    font-size: 20.1px; } }
@media (max-width: 535.99px) {
  html {
    font-size: 20.06px; } }
@media (max-width: 534.99px) {
  html {
    font-size: 20.02px; } }
@media (max-width: 533.99px) {
  html {
    font-size: 19.99px; } }
@media (max-width: 532.99px) {
  html {
    font-size: 19.95px; } }
@media (max-width: 531.99px) {
  html {
    font-size: 19.91px; } }
@media (max-width: 530.99px) {
  html {
    font-size: 19.88px; } }
@media (max-width: 529.99px) {
  html {
    font-size: 19.84px; } }
@media (max-width: 528.99px) {
  html {
    font-size: 19.8px; } }
@media (max-width: 527.99px) {
  html {
    font-size: 19.76px; } }
@media (max-width: 526.99px) {
  html {
    font-size: 19.73px; } }
@media (max-width: 525.99px) {
  html {
    font-size: 19.69px; } }
@media (max-width: 524.99px) {
  html {
    font-size: 19.65px; } }
@media (max-width: 523.99px) {
  html {
    font-size: 19.61px; } }
@media (max-width: 522.99px) {
  html {
    font-size: 19.58px; } }
@media (max-width: 521.99px) {
  html {
    font-size: 19.54px; } }
@media (max-width: 520.99px) {
  html {
    font-size: 19.5px; } }
@media (max-width: 519.99px) {
  html {
    font-size: 19.46px; } }
@media (max-width: 518.99px) {
  html {
    font-size: 19.43px; } }
@media (max-width: 517.99px) {
  html {
    font-size: 19.39px; } }
@media (max-width: 516.99px) {
  html {
    font-size: 19.35px; } }
@media (max-width: 515.99px) {
  html {
    font-size: 19.31px; } }
@media (max-width: 514.99px) {
  html {
    font-size: 19.27px; } }
@media (max-width: 513.99px) {
  html {
    font-size: 19.24px; } }
@media (max-width: 512.99px) {
  html {
    font-size: 19.2px; } }
@media (max-width: 511.99px) {
  html {
    font-size: 19.16px; } }
@media (max-width: 510.99px) {
  html {
    font-size: 19.13px; } }
@media (max-width: 509.99px) {
  html {
    font-size: 19.09px; } }
@media (max-width: 508.99px) {
  html {
    font-size: 19.05px; } }
@media (max-width: 507.99px) {
  html {
    font-size: 19.01px; } }
@media (max-width: 506.99px) {
  html {
    font-size: 18.98px; } }
@media (max-width: 505.99px) {
  html {
    font-size: 18.94px; } }
@media (max-width: 504.99px) {
  html {
    font-size: 18.9px; } }
@media (max-width: 503.99px) {
  html {
    font-size: 18.86px; } }
@media (max-width: 502.99px) {
  html {
    font-size: 18.83px; } }
@media (max-width: 501.99px) {
  html {
    font-size: 18.79px; } }
@media (max-width: 500.99px) {
  html {
    font-size: 18.75px; } }
@media (max-width: 499.99px) {
  html {
    font-size: 18.71px; } }
@media (max-width: 498.99px) {
  html {
    font-size: 18.68px; } }
@media (max-width: 497.99px) {
  html {
    font-size: 18.64px; } }
@media (max-width: 496.99px) {
  html {
    font-size: 18.6px; } }
@media (max-width: 495.99px) {
  html {
    font-size: 18.56px; } }
@media (max-width: 494.99px) {
  html {
    font-size: 18.52px; } }
@media (max-width: 493.99px) {
  html {
    font-size: 18.49px; } }
@media (max-width: 492.99px) {
  html {
    font-size: 18.45px; } }
@media (max-width: 491.99px) {
  html {
    font-size: 18.41px; } }
@media (max-width: 490.99px) {
  html {
    font-size: 18.38px; } }
@media (max-width: 489.99px) {
  html {
    font-size: 18.34px; } }
@media (max-width: 488.99px) {
  html {
    font-size: 18.3px; } }
@media (max-width: 487.99px) {
  html {
    font-size: 18.26px; } }
@media (max-width: 486.99px) {
  html {
    font-size: 18.23px; } }
@media (max-width: 485.99px) {
  html {
    font-size: 18.19px; } }
@media (max-width: 484.99px) {
  html {
    font-size: 18.15px; } }
@media (max-width: 483.99px) {
  html {
    font-size: 18.11px; } }
@media (max-width: 482.99px) {
  html {
    font-size: 18.08px; } }
@media (max-width: 481.99px) {
  html {
    font-size: 18.04px; } }
@media (max-width: 480.99px) {
  html {
    font-size: 18px; } }
@media (max-width: 479.99px) {
  html {
    font-size: 17.96px; } }
@media (max-width: 478.99px) {
  html {
    font-size: 17.93px; } }
@media (max-width: 477.99px) {
  html {
    font-size: 17.89px; } }
@media (max-width: 476.99px) {
  html {
    font-size: 17.85px; } }
@media (max-width: 475.99px) {
  html {
    font-size: 17.81px; } }
@media (max-width: 474.99px) {
  html {
    font-size: 17.77px; } }
@media (max-width: 473.99px) {
  html {
    font-size: 17.74px; } }
@media (max-width: 472.99px) {
  html {
    font-size: 17.7px; } }
@media (max-width: 471.99px) {
  html {
    font-size: 17.66px; } }
@media (max-width: 470.99px) {
  html {
    font-size: 17.63px; } }
@media (max-width: 469.99px) {
  html {
    font-size: 17.59px; } }
@media (max-width: 468.99px) {
  html {
    font-size: 17.55px; } }
@media (max-width: 467.99px) {
  html {
    font-size: 17.51px; } }
@media (max-width: 466.99px) {
  html {
    font-size: 17.48px; } }
@media (max-width: 465.99px) {
  html {
    font-size: 17.44px; } }
@media (max-width: 464.99px) {
  html {
    font-size: 17.4px; } }
@media (max-width: 463.99px) {
  html {
    font-size: 17.36px; } }
@media (max-width: 462.99px) {
  html {
    font-size: 17.33px; } }
@media (max-width: 461.99px) {
  html {
    font-size: 17.29px; } }
@media (max-width: 460.99px) {
  html {
    font-size: 17.25px; } }
@media (max-width: 459.99px) {
  html {
    font-size: 17.21px; } }
@media (max-width: 458.99px) {
  html {
    font-size: 17.18px; } }
@media (max-width: 457.99px) {
  html {
    font-size: 17.14px; } }
@media (max-width: 456.99px) {
  html {
    font-size: 17.1px; } }
@media (max-width: 455.99px) {
  html {
    font-size: 17.06px; } }
@media (max-width: 454.99px) {
  html {
    font-size: 17.02px; } }
@media (max-width: 453.99px) {
  html {
    font-size: 16.99px; } }
@media (max-width: 452.99px) {
  html {
    font-size: 16.95px; } }
@media (max-width: 451.99px) {
  html {
    font-size: 16.91px; } }
@media (max-width: 450.99px) {
  html {
    font-size: 16.88px; } }
@media (max-width: 449.99px) {
  html {
    font-size: 16.84px; } }
@media (max-width: 448.99px) {
  html {
    font-size: 16.8px; } }
@media (max-width: 447.99px) {
  html {
    font-size: 16.76px; } }
@media (max-width: 446.99px) {
  html {
    font-size: 16.73px; } }
@media (max-width: 445.99px) {
  html {
    font-size: 16.69px; } }
@media (max-width: 444.99px) {
  html {
    font-size: 16.65px; } }
@media (max-width: 443.99px) {
  html {
    font-size: 16.61px; } }
@media (max-width: 442.99px) {
  html {
    font-size: 16.58px; } }
@media (max-width: 441.99px) {
  html {
    font-size: 16.54px; } }
@media (max-width: 440.99px) {
  html {
    font-size: 16.5px; } }
@media (max-width: 439.99px) {
  html {
    font-size: 16.46px; } }
@media (max-width: 438.99px) {
  html {
    font-size: 16.43px; } }
@media (max-width: 437.99px) {
  html {
    font-size: 16.39px; } }
@media (max-width: 436.99px) {
  html {
    font-size: 16.35px; } }
@media (max-width: 435.99px) {
  html {
    font-size: 16.31px; } }
@media (max-width: 434.99px) {
  html {
    font-size: 16.27px; } }
@media (max-width: 433.99px) {
  html {
    font-size: 16.24px; } }
@media (max-width: 432.99px) {
  html {
    font-size: 16.2px; } }
@media (max-width: 431.99px) {
  html {
    font-size: 16.16px; } }
@media (max-width: 430.99px) {
  html {
    font-size: 16.13px; } }
@media (max-width: 429.99px) {
  html {
    font-size: 16.09px; } }
@media (max-width: 428.99px) {
  html {
    font-size: 16.05px; } }
@media (max-width: 427.99px) {
  html {
    font-size: 16.01px; } }
@media (max-width: 426.99px) {
  html {
    font-size: 15.98px; } }
@media (max-width: 425.99px) {
  html {
    font-size: 15.94px; } }
@media (max-width: 424.99px) {
  html {
    font-size: 15.9px; } }
@media (max-width: 423.99px) {
  html {
    font-size: 15.86px; } }
@media (max-width: 422.99px) {
  html {
    font-size: 15.83px; } }
@media (max-width: 421.99px) {
  html {
    font-size: 15.79px; } }
@media (max-width: 420.99px) {
  html {
    font-size: 15.75px; } }
@media (max-width: 419.99px) {
  html {
    font-size: 15.71px; } }
@media (max-width: 418.99px) {
  html {
    font-size: 15.68px; } }
@media (max-width: 417.99px) {
  html {
    font-size: 15.64px; } }
@media (max-width: 416.99px) {
  html {
    font-size: 15.6px; } }
@media (max-width: 415.99px) {
  html {
    font-size: 15.56px; } }
@media (max-width: 414.99px) {
  html {
    font-size: 15.53px; } }
@media (max-width: 413.99px) {
  html {
    font-size: 15.49px; } }
@media (max-width: 412.99px) {
  html {
    font-size: 15.45px; } }
@media (max-width: 411.99px) {
  html {
    font-size: 15.41px; } }
@media (max-width: 410.99px) {
  html {
    font-size: 15.38px; } }
@media (max-width: 409.99px) {
  html {
    font-size: 15.34px; } }
@media (max-width: 408.99px) {
  html {
    font-size: 15.3px; } }
@media (max-width: 407.99px) {
  html {
    font-size: 15.26px; } }
@media (max-width: 406.99px) {
  html {
    font-size: 15.23px; } }
@media (max-width: 405.99px) {
  html {
    font-size: 15.19px; } }
@media (max-width: 404.99px) {
  html {
    font-size: 15.15px; } }
@media (max-width: 403.99px) {
  html {
    font-size: 15.11px; } }
@media (max-width: 402.99px) {
  html {
    font-size: 15.08px; } }
@media (max-width: 401.99px) {
  html {
    font-size: 15.04px; } }
@media (max-width: 400.99px) {
  html {
    font-size: 15px; } }
@media (max-width: 399.99px) {
  html {
    font-size: 14.96px; } }
@media (max-width: 398.99px) {
  html {
    font-size: 14.93px; } }
@media (max-width: 397.99px) {
  html {
    font-size: 14.89px; } }
@media (max-width: 396.99px) {
  html {
    font-size: 14.85px; } }
@media (max-width: 395.99px) {
  html {
    font-size: 14.81px; } }
@media (max-width: 394.99px) {
  html {
    font-size: 14.78px; } }
@media (max-width: 393.99px) {
  html {
    font-size: 14.74px; } }
@media (max-width: 392.99px) {
  html {
    font-size: 14.7px; } }
@media (max-width: 391.99px) {
  html {
    font-size: 14.66px; } }
@media (max-width: 390.99px) {
  html {
    font-size: 14.63px; } }
@media (max-width: 389.99px) {
  html {
    font-size: 14.59px; } }
@media (max-width: 388.99px) {
  html {
    font-size: 14.55px; } }
@media (max-width: 387.99px) {
  html {
    font-size: 14.51px; } }
@media (max-width: 386.99px) {
  html {
    font-size: 14.48px; } }
@media (max-width: 385.99px) {
  html {
    font-size: 14.44px; } }
@media (max-width: 384.99px) {
  html {
    font-size: 14.4px; } }
@media (max-width: 383.99px) {
  html {
    font-size: 14.36px; } }
@media (max-width: 382.99px) {
  html {
    font-size: 14.33px; } }
@media (max-width: 381.99px) {
  html {
    font-size: 14.29px; } }
@media (max-width: 380.99px) {
  html {
    font-size: 14.25px; } }
@media (max-width: 379.99px) {
  html {
    font-size: 14.21px; } }
@media (max-width: 378.99px) {
  html {
    font-size: 14.18px; } }
@media (max-width: 377.99px) {
  html {
    font-size: 14.14px; } }
@media (max-width: 376.99px) {
  html {
    font-size: 14.1px; } }
@media (max-width: 375.99px) {
  html {
    font-size: 14.06px; } }
@media (max-width: 374.99px) {
  html {
    font-size: 14.03px; } }
@media (max-width: 373.99px) {
  html {
    font-size: 13.99px; } }
@media (max-width: 372.99px) {
  html {
    font-size: 13.95px; } }
@media (max-width: 371.99px) {
  html {
    font-size: 13.91px; } }
@media (max-width: 370.99px) {
  html {
    font-size: 13.88px; } }
@media (max-width: 369.99px) {
  html {
    font-size: 13.84px; } }
@media (max-width: 368.99px) {
  html {
    font-size: 13.8px; } }
@media (max-width: 367.99px) {
  html {
    font-size: 13.76px; } }
@media (max-width: 366.99px) {
  html {
    font-size: 13.73px; } }
@media (max-width: 365.99px) {
  html {
    font-size: 13.69px; } }
@media (max-width: 364.99px) {
  html {
    font-size: 13.65px; } }
@media (max-width: 363.99px) {
  html {
    font-size: 13.61px; } }
@media (max-width: 362.99px) {
  html {
    font-size: 13.58px; } }
@media (max-width: 361.99px) {
  html {
    font-size: 13.54px; } }
@media (max-width: 360.99px) {
  html {
    font-size: 13.5px; } }
@media (max-width: 359.99px) {
  html {
    font-size: 13.46px; } }
@media (max-width: 358.99px) {
  html {
    font-size: 13.43px; } }
@media (max-width: 357.99px) {
  html {
    font-size: 13.39px; } }
@media (max-width: 356.99px) {
  html {
    font-size: 13.35px; } }
@media (max-width: 355.99px) {
  html {
    font-size: 13.31px; } }
@media (max-width: 354.99px) {
  html {
    font-size: 13.28px; } }
@media (max-width: 353.99px) {
  html {
    font-size: 13.24px; } }
@media (max-width: 352.99px) {
  html {
    font-size: 13.2px; } }
@media (max-width: 351.99px) {
  html {
    font-size: 13.16px; } }
@media (max-width: 350.99px) {
  html {
    font-size: 13.13px; } }
@media (max-width: 349.99px) {
  html {
    font-size: 13.09px; } }
@media (max-width: 348.99px) {
  html {
    font-size: 13.05px; } }
@media (max-width: 347.99px) {
  html {
    font-size: 13.01px; } }
@media (max-width: 346.99px) {
  html {
    font-size: 12.98px; } }
@media (max-width: 345.99px) {
  html {
    font-size: 12.94px; } }
@media (max-width: 344.99px) {
  html {
    font-size: 12.9px; } }
@media (max-width: 343.99px) {
  html {
    font-size: 12.86px; } }
@media (max-width: 342.99px) {
  html {
    font-size: 12.83px; } }
@media (max-width: 341.99px) {
  html {
    font-size: 12.79px; } }
@media (max-width: 340.99px) {
  html {
    font-size: 12.75px; } }
@media (max-width: 339.99px) {
  html {
    font-size: 12.71px; } }
@media (max-width: 338.99px) {
  html {
    font-size: 12.68px; } }
@media (max-width: 337.99px) {
  html {
    font-size: 12.64px; } }
@media (max-width: 336.99px) {
  html {
    font-size: 12.6px; } }
@media (max-width: 335.99px) {
  html {
    font-size: 12.56px; } }
@media (max-width: 334.99px) {
  html {
    font-size: 12.53px; } }
@media (max-width: 333.99px) {
  html {
    font-size: 12.49px; } }
@media (max-width: 332.99px) {
  html {
    font-size: 12.45px; } }
@media (max-width: 331.99px) {
  html {
    font-size: 12.41px; } }
@media (max-width: 330.99px) {
  html {
    font-size: 12.38px; } }
@media (max-width: 329.99px) {
  html {
    font-size: 12.34px; } }
@media (max-width: 328.99px) {
  html {
    font-size: 12.3px; } }
@media (max-width: 327.99px) {
  html {
    font-size: 12.26px; } }
@media (max-width: 326.99px) {
  html {
    font-size: 12.23px; } }
@media (max-width: 325.99px) {
  html {
    font-size: 12.19px; } }
@media (max-width: 324.99px) {
  html {
    font-size: 12.15px; } }
@media (max-width: 323.99px) {
  html {
    font-size: 12.11px; } }
@media (max-width: 322.99px) {
  html {
    font-size: 12.08px; } }
@media (max-width: 321.99px) {
  html {
    font-size: 12.04px; } }
@media (max-width: 320.99px) {
  html {
    font-size: 12px; } }
/* statusbar */
.statusbar {
  padding-top: 24px !important; }

html.safearea20 .statusbar {
  padding-top: 20px !important; }

html.safearea21 .statusbar {
  padding-top: 21px !important; }

html.safearea22 .statusbar {
  padding-top: 22px !important; }

html.safearea23 .statusbar {
  padding-top: 23px !important; }

html.safearea24 .statusbar {
  padding-top: 24px !important; }

html.safearea25 .statusbar {
  padding-top: 25px !important; }

html.safearea26 .statusbar {
  padding-top: 26px !important; }

html.safearea27 .statusbar {
  padding-top: 27px !important; }

html.safearea28 .statusbar {
  padding-top: 28px !important; }

html.safearea29 .statusbar {
  padding-top: 29px !important; }

html.safearea30 .statusbar {
  padding-top: 30px !important; }

html.safearea31 .statusbar {
  padding-top: 31px !important; }

html.safearea32 .statusbar {
  padding-top: 32px !important; }

html.safearea33 .statusbar {
  padding-top: 33px !important; }

html.safearea34 .statusbar {
  padding-top: 34px !important; }

html.safearea35 .statusbar {
  padding-top: 35px !important; }

html.safearea36 .statusbar {
  padding-top: 36px !important; }

html.safearea37 .statusbar {
  padding-top: 37px !important; }

html.safearea38 .statusbar {
  padding-top: 38px !important; }

html.safearea39 .statusbar {
  padding-top: 39px !important; }

html.safearea40 .statusbar {
  padding-top: 40px !important; }

html.safearea41 .statusbar {
  padding-top: 41px !important; }

html.safearea42 .statusbar {
  padding-top: 42px !important; }

html.safearea43 .statusbar {
  padding-top: 43px !important; }

html.safearea44 .statusbar {
  padding-top: 44px !important; }

/* iphone x & max */
@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3), (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3), (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .statusbar {
    padding-top: 44px !important; }

  .statusbar-bottom {
    padding-bottom: 34px !important; } }
.public-hot-shop {
  border-top: solid 0.5702066999rem #F8F8F8; }
  .public-hot-shop .title {
    align-items: center;
    padding: 1.4255167498rem 0.6414825374rem 0 1.0691375624rem; }
    .public-hot-shop .title h2 {
      flex: 1;
      font-size: 1.4255167498rem;
      color: #333333;
      line-height: 1.1; }
    .public-hot-shop .title span {
      font-size: 0.8553100499rem;
      color: #666666;
      line-height: 1.1;
      padding-right: 0.9978617249rem;
      background: url(../image/more-arrows.png) no-repeat right center;
      background-size: 0.8553100499rem; }
  .public-hot-shop .shop-list {
    width: 100%;
    padding: 0.28510335rem 1.0691375624rem 0 1.0691375624rem;
    box-sizing: border-box; }
    .public-hot-shop .shop-list .item {
      padding-top: 1.0691375624rem; }
      .public-hot-shop .shop-list .item .left {
        width: 7.1275837491rem;
        height: 7.1275837491rem;
        border-radius: 0.3563791875rem;
        margin-right: 0.7127583749rem;
        background-position: center;
        background-size: 7.1275837491rem;
        background-repeat: no-repeat; }
      .public-hot-shop .shop-list .item .right {
        flex: 1;
        width: 100%;
        position: relative; }
        .public-hot-shop .shop-list .item .right:after {
          content: '';
          position: absolute;
          background-color: #EDEDF0;
          display: block;
          z-index: 15;
          top: auto;
          right: auto;
          bottom: 0;
          left: 0;
          height: 1px;
          width: 100%;
          transform-origin: 50% 100%;
          transform: scaleY(0.5); }
        .public-hot-shop .shop-list .item .right h4 {
          font-size: 1.1404133999rem;
          color: #2C3540;
          line-height: 1.5680684248rem;
          width: 16.393442623rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .public-hot-shop .shop-list .item .right p {
          font-size: 0.8553100499rem;
          color: #999999;
          line-height: 1.1404133999rem;
          padding-top: 0.5702066999rem; }
        .public-hot-shop .shop-list .item .right .details-address {
          align-items: center;
          font-size: 0.8553100499rem;
          color: #999999;
          line-height: 1.1404133999rem;
          padding-top: 0.4276550249rem; }
          .public-hot-shop .shop-list .item .right .details-address a {
            width: 168px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .public-hot-shop .shop-list .item .right .details-address span {
            flex: 1;
            text-align: right; }
        .public-hot-shop .shop-list .item .right .shop-lable {
          padding-top: 1.0691375624rem;
          padding-bottom: 1.1404133999rem;
          font-size: 10px;
          color: #E84C51;
          line-height: 1.1404133999rem; }
          .public-hot-shop .shop-list .item .right .shop-lable span {
            height: 1.1404133999rem;
            background: #FFF0F1;
            border: 0.3563791875rem;
            padding: 0 0.5702066999rem;
            margin-right: 0.3563791875rem; }
        .public-hot-shop .shop-list .item .right .introduce {
          padding-top: 0.4276550249rem;
          font-size: 0.8553100499rem;
          color: #999999;
          line-height: 1.1404133999rem;
          width: 14.5402708482rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .public-hot-shop .shop-list .item .right .sales-volume {
          align-items: flex-end;
          padding: 2.1382751247rem 0 1.5680684248rem 0; }
          .public-hot-shop .shop-list .item .right .sales-volume a {
            font-size: 1.1404133999rem;
            color: #E00303;
            line-height: 1.1404133999rem;
            flex: 1; }
            .public-hot-shop .shop-list .item .right .sales-volume a span {
              font-size: 0.8553100499rem;
              color: #E00303; }
          .public-hot-shop .shop-list .item .right .sales-volume span {
            font-size: 0.8553100499rem;
            color: #999999;
            line-height: 1.1404133999rem; }

.public-to-load {
  width: 100%;
  height: 2.8510334996rem;
  margin: 1.4255167498rem 0;
  font-size: 0.8553100499rem;
  color: #ccc;
  line-height: 1.1;
  text-align: center;
  align-items: center;
  justify-content: center; }

.public-user-evaluate {
  border-top: solid 0.7127583749rem #F8F8F8; }
  .public-user-evaluate .title {
    padding: 0 1.0691375624rem;
    position: relative;
    height: 3.5637918746rem;
    align-items: center; }
    .public-user-evaluate .title:after {
      content: '';
      position: absolute;
      background-color: #EDEDF0;
      display: block;
      z-index: 15;
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      height: 1px;
      width: 100%;
      transform-origin: 50% 100%;
      transform: scaleY(0.5); }
    .public-user-evaluate .title .left {
      flex: 1;
      font-size: 0.9978617249rem;
      color: #333333;
      line-height: 1.5680684248rem; }
      .public-user-evaluate .title .left:before {
        content: '评价';
        font-size: 1.1404133999rem;
        color: #333333;
        line-height: 1.5680684248rem; }
    .public-user-evaluate .title p {
      font-size: 0.9978617249rem;
      color: #666666;
      line-height: 1.2829650748rem; }
      .public-user-evaluate .title p a {
        color: #999999; }
    .public-user-evaluate .title span {
      display: block;
      width: 0.8553100499rem;
      height: 0.8553100499rem;
      background: url(../image/more-arrows.png) no-repeat center;
      background-size: 0.8553100499rem; }
  .public-user-evaluate .item {
    padding: 1.0691375624rem; }
    .public-user-evaluate .item .item-title {
      align-items: center; }
      .public-user-evaluate .item .item-title .left {
        margin-right: 0.7127583749rem; }
        .public-user-evaluate .item .item-title .left img {
          width: 2.8510334996rem;
          height: 2.8510334996rem;
          border-radius: 50%; }
      .public-user-evaluate .item .item-title .right {
        flex: 1; }
        .public-user-evaluate .item .item-title .right .user-name {
          align-items: center; }
          .public-user-evaluate .item .item-title .right .user-name p {
            font-size: 0.9978617249rem;
            color: #333333;
            line-height: 1.2829650748rem;
            padding-right: 1.1404133999rem; }
          .public-user-evaluate .item .item-title .right .user-name span {
            display: block;
            width: 0.9978617249rem;
            height: 0.9978617249rem;
            margin-right: 0.3563791875rem; }
            .public-user-evaluate .item .item-title .right .user-name span.active {
              background: url(../image/star-icon.png) no-repeat center;
              background-size: 0.9978617249rem; }
        .public-user-evaluate .item .item-title .right .time {
          padding-top: 0.4989308624rem;
          font-size: 0.8553100499rem;
          color: #999999;
          line-height: 1.2116892373rem; }
    .public-user-evaluate .item .text-main {
      padding-top: 1.0691375624rem;
      font-size: 0.9978617249rem;
      color: #2c3540;
      line-height: 1.4255167498rem; }
    .public-user-evaluate .item .pic-list {
      padding-top: 0.3563791875rem;
      flex-wrap: wrap;
      justify-content: space-between; }
      .public-user-evaluate .item .pic-list img {
        width: 7.697790449rem;
        height: 7.697790449rem;
        margin-right: 0.7127583749rem; }
        .public-user-evaluate .item .pic-list img:nth-child(3n) {
          margin-right: 0; }
    .public-user-evaluate .item .reply-box {
      background: #f8f8f8;
      border-radius: 0.7127583749rem;
      padding: 1.0691375624rem;
      font-size: 0.9978617249rem;
      color: #666666;
      line-height: 1.4255167498rem;
      margin-top: 1.4255167498rem; }

.frame1 {
  background-color: #fff; }
  .frame1 .header {
    width: 100%;
    /*height: torem(188px);*/
    background-size: cover;
    box-sizing: border-box;
    margin-top: 3.5637918746rem; }
    .frame1 .header .header-title {
      height: 3.5637918746rem;
      align-items: center;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      padding: 0 1.0691375624rem;
      z-index: 99;
      background: url(../image/index-banner-bg.png) no-repeat top left;
      background-size: cover; }
      .frame1 .header .header-title .back-btn {
        width: 1.5680684248rem;
        height: 1.5680684248rem;
        background: url(../image/back_.png) no-repeat center;
        background-size: 1.5680684248rem;
        margin-right: 0.5702066999rem; }
      .frame1 .header .header-title .city {
        font-size: 1.0691375624rem;
        color: #FFFFFF;
        line-height: 1.1;
        align-items: center; }
        .frame1 .header .header-title .city span {
          margin: 0 0.8553100499rem 0 0.3563791875rem;
          display: block;
          width: 0.4276550249rem;
          height: 0.28510335rem;
          background: url(../image/city-arrows.png) no-repeat center;
          background-size: 0.4276550249rem 0.28510335rem; }
      .frame1 .header .header-title .search {
        flex: 1;
        background: #FFF;
        width: 17.2487526728rem;
        height: 2.1382751247rem;
        border-radius: 2.2808267997rem;
        padding: 0 0.9978617249rem;
        box-sizing: border-box;
        align-items: center; }
        .frame1 .header .header-title .search .search-icon {
          width: 0.9265858874rem;
          height: 0.9265858874rem;
          background: url(../image/search-icon.png) no-repeat center;
          background-size: 0.9265858874rem;
          margin-right: 0.3563791875rem; }
        .frame1 .header .header-title .search input {
          flex: 1;
          width: 100%;
          font-size: 0.9978617249rem;
          color: #333333;
          line-height: 1.4;
          border: none; }
          .frame1 .header .header-title .search input::-webkit-input-placeholder {
            color: #AAAAAA; }
      .frame1 .header .header-title .header-right {
        width: 1.4255167498rem;
        height: 1.4255167498rem;
        background: url(../image/saoyisao-icon.png) no-repeat center;
        background-size: 1.4255167498rem;
        margin-left: 1.0691375624rem; }
    .frame1 .header #wrapper {
      padding: 0 1.0691375624rem;
      background: url(../image/index-banner-bg.png) no-repeat bottom;
      background-size: 100% auto;
      overflow: hidden; }
    .frame1 .header .swiper-banner {
      width: 100%;
      height: 9.9786172488rem;
      border-radius: 0.3563791875rem;
      margin-top: 0.4989308624rem; }
      .frame1 .header .swiper-banner .swiper-wrapper {
        height: 100%;
        width: 100%;
        z-index: 0; }
        .frame1 .header .swiper-banner .swiper-wrapper .swiper-slide {
          height: 100%;
          width: 100%; }
          .frame1 .header .swiper-banner .swiper-wrapper .swiper-slide .header-banner {
            height: 100%;
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain; }
      .frame1 .header .swiper-banner .swiper-pagination1 {
        bottom: 0.7127583749rem;
        left: 50%;
        width: auto;
        height: auto;
        display: inline-block;
        position: absolute;
        transform: translateX(-50%); }
        .frame1 .header .swiper-banner .swiper-pagination1 .swiper-pagination-bullet {
          display: inline-block;
          border-radius: 50%;
          width: 0.4989308624rem;
          height: 0.4989308624rem;
          background: #FFF;
          opacity: 0.5;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          z-index: 100;
          margin: 0 0.28510335rem; }
          .frame1 .header .swiper-banner .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #DD1920;
            opacity: 1; }
  .frame1 #page-home #wrapper {
    padding: 0 1.0691375624rem;
    background: url(../image/index-banner-bg.png) no-repeat bottom;
    background-size: 100% auto;
    overflow: hidden; }
  .frame1 #page-home .swiper-banner {
    width: 100%;
    height: 9.9786172488rem;
    border-radius: 0.3563791875rem;
    margin-top: 0.4989308624rem; }
    .frame1 #page-home .swiper-banner .swiper-wrapper {
      height: 100%;
      width: 100%;
      z-index: 0; }
      .frame1 #page-home .swiper-banner .swiper-wrapper .swiper-slide {
        height: 100%;
        width: 100%; }
        .frame1 #page-home .swiper-banner .swiper-wrapper .swiper-slide .header-banner {
          height: 100%;
          width: 100%;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
    .frame1 #page-home .swiper-banner .swiper-pagination1 {
      bottom: 0.7127583749rem;
      left: 50%;
      width: auto;
      height: auto;
      display: inline-block;
      position: absolute;
      transform: translateX(-50%); }
      .frame1 #page-home .swiper-banner .swiper-pagination1 .swiper-pagination-bullet {
        display: inline-block;
        border-radius: 50%;
        width: 0.4989308624rem;
        height: 0.4989308624rem;
        background: #FFF;
        opacity: 0.5;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 100;
        margin: 0 0.28510335rem; }
        .frame1 #page-home .swiper-banner .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background: #DD1920;
          opacity: 1; }
  .frame1 .main {
    /*padding-top: torem(17px);*/ }
    .frame1 .main .index-advertising {
      height: 3.4212401996rem;
      background: url(../image/advertising-bg.png) no-repeat center;
      background-size: contain;
      border-radius: 0.3563791875rem;
      margin: 1.4255167498rem 1.0691375624rem 0 1.0691375624rem;
      padding: 0 1.2829650748rem 0 0.7127583749rem;
      box-sizing: border-box;
      align-items: center; }
      .frame1 .main .index-advertising .left {
        width: 5.1318602994rem;
        height: 1.2829650748rem;
        background: url(../image/advertising-text.png) no-repeat center;
        background-size: contain;
        margin-right: 0.4989308624rem; }
      .frame1 .main .index-advertising .right {
        flex: 1;
        font-size: 0.9978617249rem;
        color: #333333;
        line-height: 1.1;
        width: 16.9636493229rem;
        overflow: hidden;
        /*text-overflow:ellipsis;
        white-space:nowrap;*/ }
        .frame1 .main .index-advertising .right span {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          display: block; }
    .frame1 .main .swiper-merchandise {
      width: 100%;
      max-height: 13.8275124733rem;
      padding: 0.4276550249rem 0 1.4255167498rem 0;
      box-sizing: border-box; }
      .frame1 .main .swiper-merchandise .swiper-wrapper {
        width: 100%;
        height: 100%; }
        .frame1 .main .swiper-merchandise .swiper-wrapper .swiper-slide {
          width: 100%;
          height: 100%; }
          .frame1 .main .swiper-merchandise .swiper-wrapper .swiper-slide .carousel-picture {
            width: 100%;
            height: 100%;
            padding: 0 1.5680684248rem 0 1.7106200998rem;
            box-sizing: border-box;
            flex-wrap: wrap;
            justify-content: flex-start; }
            .frame1 .main .swiper-merchandise .swiper-wrapper .swiper-slide .carousel-picture .carouse-item {
              width: 20%;
              padding-top: 0.9978617249rem; }
              .frame1 .main .swiper-merchandise .swiper-wrapper .swiper-slide .carousel-picture .carouse-item .item-icon {
                width: 3.2786885246rem;
                height: 3.2786885246rem;
                border-radius: 1.4255167498rem;
                background-position: center;
                background-repeat: no-repeat;
                background-size: 3.2786885246rem;
                margin: 0 auto; }
              .frame1 .main .swiper-merchandise .swiper-wrapper .swiper-slide .carousel-picture .carouse-item span {
                display: block;
                text-align: center;
                font-size: 0.9265858874rem;
                color: #666666;
                line-height: 1.2829650748rem;
                padding-top: 0.4276550249rem; }

.more_shop_list .main .search-warp {
  padding: 0.7127583749rem 0;
  position: relative; }
  .more_shop_list .main .search-warp:after {
    content: '';
    position: absolute;
    background-color: #EDEDF0;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(0.5); }
  .more_shop_list .main .search-warp .search {
    width: auto;
    margin: 0 1.0691375624rem 0 1.4255167498rem;
    height: 2.1382751247rem;
    border-radius: 2.2808267997rem;
    background: #F6F6F6;
    padding: 0 0.9978617249rem;
    box-sizing: border-box;
    align-items: center; }
    .more_shop_list .main .search-warp .search span {
      display: block;
      width: 0.9265858874rem;
      height: 0.9265858874rem;
      background: url(../image/search-icon.png) no-repeat center;
      background-size: 0.9265858874rem;
      margin-right: 0.3563791875rem; }
    .more_shop_list .main .search-warp .search input {
      width: 100%;
      flex: 1;
      border: none;
      font-size: 0.9978617249rem;
      color: #2C3540;
      line-height: 1.4255167498rem; }
      .more_shop_list .main .search-warp .search input::-webkit-input-placeholder {
        color: #AAA; }
  .more_shop_list .main .search-warp .screen-select {
    padding: 1.0691375624rem 1.4255167498rem 0 1.4255167498rem;
    align-items: center;
    font-size: 0.9978617249rem;
    color: #333333;
    line-height: 1.4255167498rem; }
    .more_shop_list .main .search-warp .screen-select .left {
      flex: 1;
      align-items: center;
      flex-wrap: wrap;
      justify-content: space-between; }
      .more_shop_list .main .search-warp .screen-select .left span {
        width: 30%;
        text-align: center; }
        .more_shop_list .main .search-warp .screen-select .left span.active {
          color: #DD1920; }
    .more_shop_list .main .search-warp .screen-select a {
      padding-left: 0.8553100499rem;
      padding-right: 0.8553100499rem;
      margin-right: 0.4989308624rem;
      background: url(../image/screening-1.png) no-repeat right center;
      background-size: 0.7127583749rem; }
      .more_shop_list .main .search-warp .screen-select a.active {
        color: #DD1920; }
        .more_shop_list .main .search-warp .screen-select a.active.up {
          background: url(../image/screening-3.png) no-repeat right center;
          background-size: 0.7127583749rem; }
        .more_shop_list .main .search-warp .screen-select a.active.down {
          background: url(../image/screening-2.png) no-repeat right center;
          background-size: 0.7127583749rem; }
.more_shop_list .main .public-hot-shop {
  border-top: none; }

.shop_details .banner-warp {
  height: 17.8189593728rem;
  position: relative; }
  .shop_details .banner-warp .banner {
    width: 100%;
    height: 12.4019957234rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden; }
  .shop_details .banner-warp .swiper-container {
    width: 100%;
    height: 12.4019957234rem;
    /*position: absolute;
    left: 0;
    bottom: 0;*/ }
  .shop_details .banner-warp .swiper-slide {
    width: 24.5901639344rem;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    border-radius: 0.7127583749rem; }
  .shop_details .banner-warp .swiper-slide-active, .shop_details .banner-warp .swiper-slide-duplicate-active {
    width: 24.5901639344rem;
    border-radius: 0.7127583749rem; }
  .shop_details .banner-warp .item {
    background: #fff;
    width: 24.5901639344rem;
    height: 8.6243763364rem;
    box-shadow: 0 0.142551675rem 0.7127583749rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.5702066999rem;
    margin: -3.2786885246rem auto 0 auto;
    padding: 1.0691375624rem;
    box-sizing: border-box;
    z-index: 2;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%); }
    .shop_details .banner-warp .item .left {
      width: 4.9893086244rem;
      height: 4.9893086244rem;
      border-radius: 0.3563791875rem;
      margin-right: 0.7127583749rem;
      background-position: center;
      background-size: 4.9893086244rem;
      background-repeat: no-repeat; }
    .shop_details .banner-warp .item .right {
      flex: 1;
      width: 100%; }
      .shop_details .banner-warp .item .right .introduce-title {
        align-items: center; }
        .shop_details .banner-warp .item .right .introduce-title h4 {
          flex: 1;
          font-size: 1.1404133999rem;
          color: #2C3540;
          line-height: 1.5680684248rem;
          width: 11.4041339986rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .shop_details .banner-warp .item .right .introduce-title span {
          font-size: 0.9265858874rem;
          color: #666666;
          line-height: 1.2829650748rem;
          padding-right: 1.1404133999rem;
          background: url(../image/more-arrows.png) no-repeat center right;
          background-size: 0.8553100499rem; }
      .shop_details .banner-warp .item .right p {
        font-size: 0.8553100499rem;
        color: #999999;
        line-height: 1.1404133999rem;
        padding-top: 0.5702066999rem; }
      .shop_details .banner-warp .item .right .details-address {
        align-items: center;
        font-size: 0.8553100499rem;
        color: #999999;
        line-height: 1.1404133999rem;
        padding-top: 0.4276550249rem; }
        .shop_details .banner-warp .item .right .details-address a {
          width: 168px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .shop_details .banner-warp .item .right .details-address span {
          flex: 1;
          text-align: right; }
      .shop_details .banner-warp .item .right .shop-lable {
        padding-top: 1.0691375624rem;
        padding-bottom: 1.1404133999rem;
        font-size: 10px;
        color: #E84C51;
        line-height: 1.1404133999rem; }
        .shop_details .banner-warp .item .right .shop-lable span {
          height: 1.1404133999rem;
          background: #FFF0F1;
          border: 0.3563791875rem;
          padding: 0 0.5702066999rem;
          margin-right: 0.3563791875rem; }
.shop_details .announcement {
  align-items: center;
  margin: 0 1.0691375624rem;
  padding-top: 1.1404133999rem;
  padding-bottom: 0.7127583749rem; }
  .shop_details .announcement a {
    display: block;
    width: 1.0691375624rem;
    height: 1.0691375624rem;
    background: url(../image/announcement-icon.png) no-repeat center;
    background-size: 1.0691375624rem;
    margin-right: 0.4989308624rem; }
  .shop_details .announcement p {
    width: 19.6721311475rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9978617249rem;
    color: #666666;
    line-height: 1.2829650748rem; }
  .shop_details .announcement span {
    display: block;
    width: 0.8553100499rem;
    height: 0.8553100499rem;
    background: url(../image/more-arrows.png) no-repeat center;
    background-size: 0.8553100499rem;
    margin-left: 2.4946543122rem; }
.shop_details .introduce_text {
  margin: 1.0691375624rem;
  font-size: 0.9978617249rem;
  color: #666666;
  line-height: 1.5680684248rem; }
.shop_details .main {
  padding-bottom: 3.5637918746rem; }
  .shop_details .main .public-hot-shop .screen-title {
    height: 2.7084818247rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative; }
    .shop_details .main .public-hot-shop .screen-title:after {
      content: '';
      position: absolute;
      background-color: #EDEDF0;
      display: block;
      z-index: 15;
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      height: 1px;
      width: 100%;
      transform-origin: 50% 100%;
      transform: scaleY(0.5); }
    .shop_details .main .public-hot-shop .screen-title a {
      flex: 1;
      width: 30%;
      text-align: center;
      font-size: 0.9978617249rem;
      color: #333333;
      line-height: 1.4255167498rem; }
      .shop_details .main .public-hot-shop .screen-title a span.active {
        color: #DD1920; }
      .shop_details .main .public-hot-shop .screen-title a span.condition {
        padding-right: 0.7840342124rem;
        background: url(../image/screening-1.png) no-repeat center right;
        background-size: 0.7127583749rem; }
        .shop_details .main .public-hot-shop .screen-title a span.condition.up {
          background: url(../image/screening-3.png) no-repeat center right;
          background-size: 0.7127583749rem; }
        .shop_details .main .public-hot-shop .screen-title a span.condition.down {
          background: url(../image/screening-2.png) no-repeat center right;
          background-size: 0.7127583749rem; }
  .shop_details .main .call-tel {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center;
    height: 3.5637918746rem;
    background: #fff;
    box-shadow: -0.28510335rem 0.142551675rem 0.7127583749rem 0 rgba(0, 0, 0, 0.15);
    z-index: 15; }
    .shop_details .main .call-tel .way {
      font-size: 0.7840342124rem;
      color: #2C3540;
      line-height: 1.1404133999rem;
      text-align: center; }
      .shop_details .main .call-tel .way span.service {
        margin-left: 2.7084818247rem;
        padding-top: 1.2829650748rem;
        background: url(../image/service-icon.png) no-repeat center top;
        background-size: 1.1404133999rem; }
      .shop_details .main .call-tel .way span.tel {
        margin-left: 5.6307911618rem;
        padding-top: 1.2829650748rem;
        background: url(../image/phone-icon.png) no-repeat center top;
        background-size: 1.0691375624rem; }
    .shop_details .main .call-tel a {
      margin-left: 5.4882394868rem;
      width: 7.1275837491rem;
      height: 2.8510334996rem;
      background: #faa632;
      border-radius: 1.4255167498rem;
      font-size: 1.0691375624rem;
      color: white;
      line-height: 2.8510334996rem;
      text-align: center; }
  .shop_details .main .pop-box {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.39);
    width: 100%;
    height: 100vh;
    z-index: 16; }
    .shop_details .main .pop-box .card-warp {
      width: 17.1774768354rem;
      height: 23.8774055595rem;
      background: white;
      border-radius: 0.4276550249rem;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .shop_details .main .pop-box .card-warp .title {
        height: 4.205274412rem;
        align-items: center;
        padding: 0 1.0691375624rem;
        position: relative;
        border-bottom: 1px solid #DADADA; }
        .shop_details .main .pop-box .card-warp .title h2 {
          flex: 1;
          font-size: 1.0691375624rem;
          color: #333333;
          line-height: 1.4967925873rem;
          text-align: center; }
        .shop_details .main .pop-box .card-warp .title span {
          width: 1.4255167498rem;
          height: 1.4255167498rem;
          background: url(../image/erweima-close.png) no-repeat center;
          background-size: 1.4255167498rem;
          position: absolute;
          right: 1.0691375624rem;
          top: 1.0691375624rem; }
      .shop_details .main .pop-box .card-warp .message {
        padding-top: 1.0691375624rem; }
        .shop_details .main .pop-box .card-warp .message .shop-name {
          padding-left: 3.4212401996rem;
          align-items: center; }
          .shop_details .main .pop-box .card-warp .message .shop-name img {
            width: 2.1382751247rem;
            height: 2.1382751247rem;
            margin-right: 0.7127583749rem; }
          .shop_details .main .pop-box .card-warp .message .shop-name span {
            font-size: 1.1404133999rem;
            color: #2c3540;
            line-height: 1.5680684248rem; }
        .shop_details .main .pop-box .card-warp .message .erweima {
          display: block;
          width: 9.9073414113rem;
          height: 9.9073414113rem;
          margin: 1.0691375624rem auto 0 auto; }
        .shop_details .main .pop-box .card-warp .message a {
          display: block;
          width: 6.9850320741rem;
          height: 2.5659301497rem;
          background: linear-gradient(270deg, #dd1920 0%, #ff4c53 100%);
          border-radius: 1.2829650748rem;
          font-size: 0.9265858874rem;
          color: white;
          line-height: 2.5659301497rem;
          text-align: center;
          margin: 1.4255167498rem auto 0 auto; }

.shopping_list .sereen-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  align-items: center;
  height: 2.6372059872rem;
  position: relative;
  justify-content: space-between;
  flex-wrap: wrap; }
  .shopping_list .sereen-header:after {
    content: '';
    position: absolute;
    background-color: #EDEDF0;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(0.5); }
  .shopping_list .sereen-header .sereen-condition {
    width: 25%;
    text-align: center; }
    .shopping_list .sereen-header .sereen-condition span {
      font-size: 0.9978617249rem;
      color: #333333;
      line-height: 1.4255167498rem;
      padding-right: 0.7840342124rem; }
      .shopping_list .sereen-header .sereen-condition span.order-btn {
        padding-right: 1.0691375624rem;
        background: url(../image/screening-1.png) no-repeat center right;
        background-size: 0.7127583749rem;
        /*&.active {
          background: url(../image/screening-2.png)no-repeat center right;
          background-size: torem(10px);
        }*/ }
        .shopping_list .sereen-header .sereen-condition span.order-btn.up {
          color: #E00303;
          background: url(../image/screening-3.png) no-repeat center right;
          background-size: 0.7127583749rem; }
        .shopping_list .sereen-header .sereen-condition span.order-btn.down {
          background: url(../image/screening-2.png) no-repeat center right;
          background-size: 0.7127583749rem; }
      .shopping_list .sereen-header .sereen-condition span.active {
        color: #E00303; }
      .shopping_list .sereen-header .sereen-condition span.default {
        padding-right: 0; }
.shopping_list .main .public-hot-shop {
  border-top: none; }

.shopping_details .header .details-banner {
  width: 100%;
  position: relative; }
  .shopping_details .header .details-banner .stick-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 101;
    opacity: 0; }
    .shopping_details .header .details-banner .stick-header .box {
      align-items: center;
      justify-content: center;
      height: 3.1361368496rem;
      position: relative; }
      .shopping_details .header .details-banner .stick-header .box:after {
        content: '';
        position: absolute;
        background-color: #EDEDF0;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.5); }
      .shopping_details .header .details-banner .stick-header .box a {
        width: 1.5680684248rem;
        height: 1.5680684248rem;
        background: url(../image/back.png) no-repeat center;
        background-size: 1.5680684248rem;
        position: absolute;
        left: 1.4255167498rem;
        top: 50%;
        transform: translateY(-50%); }
      .shopping_details .header .details-banner .stick-header .box span {
        font-size: 1.2116892373rem;
        color: #333333;
        line-height: 1.7106200998rem;
        margin-right: 1.9244476123rem;
        position: relative; }
        .shopping_details .header .details-banner .stick-header .box span.active:after {
          content: '';
          width: 1.8531717748rem;
          height: 0.2138275125rem;
          border-radius: 0.142551675rem;
          background: linear-gradient(270deg, #ff6267 0%, #dd1920 100%);
          position: absolute;
          left: 50%;
          bottom: -0.7127583749rem;
          transform: translateX(-50%); }
        .shopping_details .header .details-banner .stick-header .box span:last-child {
          margin-right: 0; }
  .shopping_details .header .details-banner .select-btn {
    position: absolute;
    left: 0;
    bottom: 1.0691375624rem;
    text-align: center;
    width: 100%;
    font-size: 0;
    z-index: 100; }
    .shopping_details .header .details-banner .select-btn span {
      display: inline-block;
      width: 4.7042052744rem;
      height: 1.9957234498rem;
      background: #FFFFFF;
      border-radius: 1.2116892373rem;
      font-size: 0.9978617249rem;
      color: #666666;
      line-height: 1.9957234498rem;
      margin-right: 1.0691375624rem; }
      .shopping_details .header .details-banner .select-btn span.active {
        color: #FFFFFF;
        background: #E00303; }
  .shopping_details .header .details-banner .title-btn {
    padding: 0 0.7127583749rem 0 0.8553100499rem;
    overflow: hidden;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999; }
    .shopping_details .header .details-banner .title-btn span {
      display: block;
      width: 2.1382751247rem;
      height: 2.1382751247rem;
      background: url(../image/details-back-icon.png) no-repeat center;
      background-size: 2.1382751247rem;
      float: left; }
    .shopping_details .header .details-banner .title-btn a {
      display: block;
      width: 2.1382751247rem;
      height: 2.1382751247rem;
      background: url(../image/details-share-icon.png) no-repeat center;
      background-size: 2.1382751247rem;
      float: right; }
  .shopping_details .header .details-banner .video-banner {
    height: 35.6379187455rem;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .shopping_details .header .details-banner .shopping-pic {
    height: 35.6379187455rem;
    width: 100%;
    box-sizing: border-box; }
    .shopping_details .header .details-banner .shopping-pic .banner-number {
      position: absolute;
      right: 1.0691375624rem;
      bottom: 1.2829650748rem;
      width: 3.4212401996rem;
      height: 1.4255167498rem;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 0.7127583749rem;
      text-align: center;
      font-size: 0.8553100499rem;
      color: white;
      line-height: 1.4255167498rem;
      z-index: 100; }
      .shopping_details .header .details-banner .shopping-pic .banner-number span {
        font-size: 0.9978617249rem; }
  .shopping_details .header .details-banner .swiper-container {
    width: 100%;
    height: 35.6379187455rem; }
    .shopping_details .header .details-banner .swiper-container .swiper-wrapper {
      width: 100%;
      height: 100%; }
      .shopping_details .header .details-banner .swiper-container .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%; }
        .shopping_details .header .details-banner .swiper-container .swiper-wrapper .swiper-slide .pic-banner {
          width: 100%;
          height: 100%;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover; }
.shopping_details .main {
  padding-bottom: 3.5637918746rem; }
  .shopping_details .main .shopping-message {
    padding: 0.7127583749rem 1.0691375624rem; }
    .shopping_details .main .shopping-message .title {
      align-items: flex-end; }
      .shopping_details .main .shopping-message .title .left {
        flex: 1;
        font-size: 1.8531717748rem;
        color: #E00303;
        line-height: 2.5659301497rem; }
        .shopping_details .main .shopping-message .title .left.active:before {
          content: '¥';
          font-size: 1.2829650748rem; }
      .shopping_details .main .shopping-message .title .order-num {
        font-size: 0.9978617249rem;
        color: #666666;
        line-height: 1.2829650748rem; }
    .shopping_details .main .shopping-message h2 {
      padding-top: 0.3563791875rem;
      font-size: 1.1404133999rem;
      color: #333333;
      line-height: 1.5680684248rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .shopping_details .main .shopping-message p {
      padding-top: 0.3563791875rem;
      font-size: 0.9978617249rem;
      color: #999999;
      line-height: 1.2829650748rem; }
  .shopping_details .main .shopping-specification {
    border-top: solid 0.7127583749rem #F8F8F8;
    padding: 0 1.0691375624rem; }
    .shopping_details .main .shopping-specification .item {
      height: 58px;
      align-items: center;
      font-size: 0.9978617249rem;
      color: #333333;
      line-height: 1.2829650748rem; }
      .shopping_details .main .shopping-specification .item:last-child .right:after {
        display: none; }
      .shopping_details .main .shopping-specification .item .left {
        margin-right: 1.2829650748rem; }
      .shopping_details .main .shopping-specification .item .right {
        flex: 1;
        height: 100%;
        align-items: center;
        position: relative; }
        .shopping_details .main .shopping-specification .item .right:after {
          content: '';
          position: absolute;
          background-color: #EDEDF0;
          display: block;
          z-index: 15;
          top: auto;
          right: auto;
          bottom: 0;
          left: 0;
          height: 1px;
          width: 100%;
          transform-origin: 50% 100%;
          transform: scaleY(0.5); }
        .shopping_details .main .shopping-specification .item .right p {
          flex: 1; }
        .shopping_details .main .shopping-specification .item .right span {
          display: block;
          width: 0.8553100499rem;
          height: 0.8553100499rem;
          background: url(../image/more-arrows.png) no-repeat center;
          background-size: 0.8553100499rem; }
  .shopping_details .main .public-user-evaluate {
    border-top: solid 0.7127583749rem #F8F8F8; }
    .shopping_details .main .public-user-evaluate .title {
      padding: 0 1.0691375624rem;
      position: relative;
      height: 3.5637918746rem;
      align-items: center; }
      .shopping_details .main .public-user-evaluate .title:after {
        content: '';
        position: absolute;
        background-color: #EDEDF0;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.5); }
      .shopping_details .main .public-user-evaluate .title .left {
        flex: 1;
        font-size: 0.9978617249rem;
        color: #333333;
        line-height: 1.5680684248rem; }
        .shopping_details .main .public-user-evaluate .title .left:before {
          content: '评价';
          font-size: 1.1404133999rem;
          color: #333333;
          line-height: 1.5680684248rem; }
      .shopping_details .main .public-user-evaluate .title p {
        font-size: 0.9978617249rem;
        color: #666666;
        line-height: 1.2829650748rem; }
        .shopping_details .main .public-user-evaluate .title p a {
          color: #999999; }
      .shopping_details .main .public-user-evaluate .title span {
        display: block;
        width: 0.8553100499rem;
        height: 0.8553100499rem;
        background: url(../image/more-arrows.png) no-repeat center;
        background-size: 0.8553100499rem; }
    .shopping_details .main .public-user-evaluate .item {
      padding: 1.0691375624rem; }
      .shopping_details .main .public-user-evaluate .item .item-title {
        align-items: center; }
        .shopping_details .main .public-user-evaluate .item .item-title .left {
          margin-right: 0.7127583749rem; }
          .shopping_details .main .public-user-evaluate .item .item-title .left img {
            width: 2.8510334996rem;
            height: 2.8510334996rem;
            border-radius: 50%; }
        .shopping_details .main .public-user-evaluate .item .item-title .right {
          flex: 1; }
          .shopping_details .main .public-user-evaluate .item .item-title .right .user-name {
            align-items: center; }
            .shopping_details .main .public-user-evaluate .item .item-title .right .user-name p {
              font-size: 0.9978617249rem;
              color: #333333;
              line-height: 1.2829650748rem;
              padding-right: 1.1404133999rem; }
            .shopping_details .main .public-user-evaluate .item .item-title .right .user-name span {
              display: block;
              width: 0.9978617249rem;
              height: 0.9978617249rem;
              margin-right: 0.3563791875rem; }
              .shopping_details .main .public-user-evaluate .item .item-title .right .user-name span.active {
                background: url(../image/star-icon.png) no-repeat center;
                background-size: 0.9978617249rem; }
          .shopping_details .main .public-user-evaluate .item .item-title .right .time {
            padding-top: 0.4989308624rem;
            font-size: 0.8553100499rem;
            color: #999999;
            line-height: 1.2116892373rem; }
      .shopping_details .main .public-user-evaluate .item .text-main {
        padding-top: 1.0691375624rem;
        font-size: 0.9978617249rem;
        color: #2c3540;
        line-height: 1.4255167498rem; }
      .shopping_details .main .public-user-evaluate .item .pic-list {
        padding-top: 0.3563791875rem;
        flex-wrap: wrap;
        justify-content: space-between; }
        .shopping_details .main .public-user-evaluate .item .pic-list img {
          width: 7.697790449rem;
          height: 7.697790449rem;
          margin-right: 0.7127583749rem; }
          .shopping_details .main .public-user-evaluate .item .pic-list img:nth-child(3n) {
            margin-right: 0; }
      .shopping_details .main .public-user-evaluate .item .reply-box {
        background: #f8f8f8;
        border-radius: 0.7127583749rem;
        padding: 1.0691375624rem;
        font-size: 0.9978617249rem;
        color: #666666;
        line-height: 1.4255167498rem;
        margin-top: 1.4255167498rem; }
  .shopping_details .main .shop-message {
    border-top: solid 0.7127583749rem #F8F8F8;
    padding: 1.0691375624rem;
    align-items: center; }
    .shopping_details .main .shop-message .left {
      width: 4.9893086244rem;
      height: 4.9893086244rem;
      margin-right: 1.0691375624rem; }
      .shopping_details .main .shop-message .left img {
        width: 100%;
        height: 100%;
        border-radius: 0.3563791875rem; }
    .shopping_details .main .shop-message .middle {
      flex: 1; }
      .shopping_details .main .shop-message .middle h2 {
        font-size: 1.1404133999rem;
        color: #2c3540;
        line-height: 1.5680684248rem;
        display: inline-block;
        padding-right: 2.2808267997rem;
        background: url(../image/headset-icon.png) no-repeat right center;
        background-size: 1.2116892373rem; }
      .shopping_details .main .shop-message .middle p {
        padding-top: 0.3563791875rem;
        font-size: 0.8553100499rem;
        color: #999999;
        line-height: 1.1404133999rem; }
        .shopping_details .main .shop-message .middle p span {
          color: #333333; }
      .shopping_details .main .shop-message .middle .lable {
        padding-top: 0.5702066999rem; }
        .shopping_details .main .shop-message .middle .lable span {
          display: inline-block;
          background: #fff0f1;
          border-radius: 0.142551675rem;
          height: 1.1404133999rem;
          padding: 0 0.5702066999rem;
          font-size: 0.7127583749rem;
          color: #e84c51;
          line-height: 1.1404133999rem;
          margin-right: 0.3563791875rem; }
    .shopping_details .main .shop-message .right {
      width: 0.8553100499rem;
      height: 0.8553100499rem;
      background: url(../image/more-arrows.png) no-repeat center;
      background-size: 0.8553100499rem; }
  .shopping_details .main .shopping-details {
    border-top: solid 0.7127583749rem #F8F8F8;
    padding: 1.0691375624rem; }
    .shopping_details .main .shopping-details h2 {
      font-size: 1.1404133999rem;
      color: #333333;
      line-height: 1.5680684248rem; }
    .shopping_details .main .shopping-details p {
      font-size: 0.9978617249rem;
      color: #666666;
      line-height: 1.5680684248rem;
      padding-top: 0.7127583749rem; }
.shopping_details .pop-window {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.39);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101; }
  .shopping_details .pop-window .share-pop {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    border-radius: 0.5702066999rem 0.5702066999rem 0px 0px; }
    .shopping_details .pop-window .share-pop .way {
      height: 9.6222380613rem;
      align-items: center;
      position: relative; }
      .shopping_details .pop-window .share-pop .way:after {
        content: '';
        position: absolute;
        background-color: #EDEDF0;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.5); }
      .shopping_details .pop-window .share-pop .way .share-btn {
        width: 50%;
        flex: 1;
        text-align: center; }
        .shopping_details .pop-window .share-pop .way .share-btn span {
          display: inline-block;
          width: 3.9914468995rem;
          text-align: center;
          font-size: 0.9978617249rem;
          color: #666666;
          line-height: 1.4255167498rem;
          padding-top: 3.920171062rem;
          background: url(../image/share-wx.png) no-repeat top center;
          background-size: 3.920171062rem; }
          .shopping_details .pop-window .share-pop .way .share-btn span.active {
            background: url(../image/share-pyq.png) no-repeat top center;
            background-size: 3.920171062rem; }
    .shopping_details .pop-window .share-pop .close-pop {
      height: 3.7063435495rem;
      font-size: 1.1404133999rem;
      color: #999999;
      line-height: 3.7063435495rem;
      text-align: center; }
  .shopping_details .pop-window .add-shopping {
    background: white;
    border-radius: 0.5702066999rem 0.5702066999rem 0px 0px;
    padding: 1.4255167498rem 1.0691375624rem 0.3563791875rem 1.0691375624rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    .shopping_details .pop-window .add-shopping .shoping-message {
      align-items: flex-end; }
      .shopping_details .pop-window .add-shopping .shoping-message img {
        display: block;
        width: 6.9850320741rem;
        height: 6.9850320741rem;
        border-radius: 0.28510335rem;
        margin-right: 0.7127583749rem; }
      .shopping_details .pop-window .add-shopping .shoping-message .right {
        flex: 1; }
        .shopping_details .pop-window .add-shopping .shoping-message .right .price {
          font-size: 1.2829650748rem;
          color: #e84c51;
          line-height: 1.4255167498rem; }
          .shopping_details .pop-window .add-shopping .shoping-message .right .price:before {
            content: '￥';
            font-size: 0.9978617249rem; }
        .shopping_details .pop-window .add-shopping .shoping-message .right .message {
          font-size: 0.9265858874rem;
          color: #666666;
          line-height: 1.2829650748rem;
          padding-bottom: 0.142551675rem;
          padding-top: 0.142551675rem; }
    .shopping_details .pop-window .add-shopping .shopping-labe {
      padding-top: 1.4255167498rem; }
      .shopping_details .pop-window .add-shopping .shopping-labe h2 {
        font-size: 0.9978617249rem;
        color: #333333;
        line-height: 1.4255167498rem; }
      .shopping_details .pop-window .add-shopping .shopping-labe span {
        padding: 0 0.8553100499rem;
        height: 2.4233784747rem;
        background: white;
        border-radius: 0.142551675rem;
        border: 1px solid #999999;
        font-size: 0.8553100499rem;
        color: #666666;
        line-height: 2.4233784747rem;
        text-align: center;
        margin: 0.7127583749rem 1.0691375624rem 0 0; }
        .shopping_details .pop-window .add-shopping .shopping-labe span.active {
          border: 1px solid #e84c51;
          color: #E84C51; }
      .shopping_details .pop-window .add-shopping .shopping-labe .shopping-number {
        margin-top: 0.7127583749rem;
        width: 11.6892373485rem;
        height: 2.4233784747rem;
        border: 1px solid #999999;
        text-align: center;
        align-items: center;
        border-radius: 0.142551675rem;
        /*display:inline-block;*/ }
        .shopping_details .pop-window .add-shopping .shopping-labe .shopping-number a {
          display: block;
          width: 3.2786885246rem;
          height: 2.4233784747rem;
          background: url(../image/number-minus-icon.png) no-repeat center;
          background-size: 0.7127583749rem 0.142551675rem; }
          .shopping_details .pop-window .add-shopping .shopping-labe .shopping-number a.active {
            background: url(../image/number-add-icon.png) no-repeat center;
            background-size: 0.7127583749rem 0.6414825374rem; }
        .shopping_details .pop-window .add-shopping .shopping-labe .shopping-number .number {
          flex: 1;
          height: 2.4233784747rem;
          align-items: center;
          border-left: 1px solid #999999;
          border-right: 1px solid #999999; }
          .shopping_details .pop-window .add-shopping .shopping-labe .shopping-number .number input {
            width: 100%;
            border: none;
            font-size: 0.9265858874rem;
            color: #666666;
            line-height: 1.2829650748rem;
            text-align: center; }
    .shopping_details .pop-window .add-shopping .go-btn {
      padding-top: 2.4946543122rem; }
      .shopping_details .pop-window .add-shopping .go-btn span {
        width: 11.8317890235rem;
        height: 2.8510334996rem;
        background: #dd1920;
        border-radius: 1.4255167498rem;
        text-align: center;
        margin-right: 0.6414825374rem;
        font-size: 1.0691375624rem;
        color: white;
        line-height: 2.8510334996rem; }
        .shopping_details .pop-window .add-shopping .go-btn span.active {
          background: #faa632;
          margin-right: 0; }
.shopping_details .footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.5637918746rem;
  background: white;
  box-shadow: -0.28510335rem 0.142551675rem 0.7127583749rem 0px rgba(0, 0, 0, 0.15);
  align-items: center;
  z-index: 16; }
  .shopping_details .footer a {
    font-size: 0.7127583749rem;
    color: #999999;
    line-height: 0.9978617249rem;
    padding-top: 1.5680684248rem;
    background: url(../image/collect-icon.png) no-repeat top center;
    background-size: 1.2116892373rem;
    margin-left: 2.1382751247rem; }
    .shopping_details .footer a.collection {
      background: url(../image/collect-icon_.png) no-repeat top center;
      background-size: 1.2116892373rem; }
    .shopping_details .footer a.active {
      background: url(../image/shopping-cart-icon.png) no-repeat top center;
      background-size: 1.2829650748rem;
      margin-left: 2.5659301497rem; }
  .shopping_details .footer span {
    width: 7.1275837491rem;
    height: 2.8510334996rem;
    background: #dd1920;
    border-radius: 1.4255167498rem;
    font-size: 1.1404133999rem;
    color: white;
    line-height: 2.8510334996rem;
    margin-left: 2.4233784747rem;
    text-align: center; }
    .shopping_details .footer span.active {
      background: #faa632;
      margin-left: 0.7127583749rem; }

.public-submit-btn {
  padding-top: 3.5637918746rem; }
  .public-submit-btn span {
    display: block;
    height: 3.2786885246rem;
    background: linear-gradient(270deg, #dd1920 0%, #ff4c53 100%);
    border-radius: 1.6393442623rem;
    font-size: 1.1404133999rem;
    color: #ffffff;
    line-height: 3.2786885246rem;
    text-align: center;
    margin: 0 0.7840342124rem; }

.login {
  height: 100vh;
  background: #FFF;
  padding: 0 1.7818959373rem; }
  .login .header {
    margin-top: 0.9978617249rem; }
    .login .header span {
      display: block;
      width: 1.5680684248rem;
      height: 1.5680684248rem;
      background: url(../image/close-icon.png) no-repeat center;
      background-size: 1.5680684248rem; }
  .login h2 {
    font-size: 1.9957234498rem;
    color: #222222;
    line-height: 2.8510334996rem;
    padding-top: 2.8510334996rem; }
  .login .no-account {
    font-size: 1.0691375624rem;
    color: #666666;
    line-height: 1.4967925873rem;
    padding-top: 0.3563791875rem; }
    .login .no-account span {
      color: #E00303; }
  .login .main {
    padding-top: 2.1382751247rem;
    overflow: hidden; }
    .login .main .item {
      align-items: center;
      padding: 1.2116892373rem 0;
      position: relative; }
      .login .main .item:after {
        content: '';
        position: absolute;
        background-color: #EDEDF0;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.5); }
      .login .main .item input {
        width: 100%;
        flex: 1;
        border: none;
        background-color: transparent;
        font-size: 1.1404133999rem;
        color: #333333;
        line-height: 1.1404133999rem; }
        .login .main .item input::-webkit-input-placeholder {
          color: #666; }
      .login .main .item .city {
        flex: 1;
        font-size: 1.1404133999rem;
        color: #333333;
        line-height: 1.1404133999rem; }
      .login .main .item p {
        font-size: 1.0691375624rem;
        color: #e00303;
        line-height: 1.4967925873rem; }
        .login .main .item p.password-hint {
          color: #BBBBBB; }
      .login .main .item .hiddent-password {
        display: block;
        width: 1.5680684248rem;
        height: 1.5680684248rem;
        background: url(../image/none-password.png);
        background-size: cover; }
        .login .main .item .hiddent-password.active {
          background: url(../image/img/inp-pas-2.png);
          background-size: cover; }
      .login .main .item .select-city {
        width: 0.8553100499rem;
        height: 0.8553100499rem;
        background: url(../image/more-arrows.png) no-repeat center;
        background-size: 0.8553100499rem 0.8553100499rem; }
      .login .main .item span {
        font-size: 1.1404133999rem;
        color: #333333;
        line-height: 1.1404133999rem; }
      .login .main .item a {
        display: block;
        width: 1.5680684248rem;
        height: 1.5680684248rem;
        background: url(../image/none-password.png);
        background-size: cover; }
        .login .main .item a.active {
          background: url(../image/none-password.png);
          background-size: cover; }
    .login .main .user-agreement {
      padding-top: 0.8553100499rem;
      font-size: 0.9265858874rem;
      color: #666666;
      line-height: 1.2829650748rem;
      justify-content: center;
      align-items: center; }
      .login .main .user-agreement span {
        color: #E00303; }
      .login .main .user-agreement a {
        width: 1.0691375624rem;
        height: 1.0691375624rem;
        background: url(../image/img/check_icon_1.png) no-repeat center;
        background-size: 1.0691375624rem;
        margin-right: 0.5702066999rem; }
        .login .main .user-agreement a.active {
          background: url(../image/img/check_icon_2.png) no-repeat center;
          background-size: 1.0691375624rem; }
    .login .main .shortcut-box {
      width: 100%;
      padding-top: 1.0691375624rem;
      display: inline-block;
      font-size: 1.1404133999rem;
      line-height: 1.5680684248rem;
      overflow: hidden; }
      .login .main .shortcut-box span {
        float: left;
        color: #666666; }
      .login .main .shortcut-box p {
        float: right;
        color: #E00303; }
    .login .main .public-submit-btn {
      padding-top: 2.8510334996rem; }
    .login .main .apple-login {
      padding-top: 1.0691375624rem; }
      .login .main .apple-login span {
        display: block;
        height: 3.1361368496rem;
        border: 1px solid #DD1920;
        border-radius: 1.6393442623rem;
        font-size: 1.1404133999rem;
        color: #DD1920;
        line-height: 3.2786885246rem;
        text-align: center;
        margin: 0 0.7840342124rem; }
    .login .main .login-away {
      padding-top: 6.0584461867rem;
      text-align: center; }
      .login .main .login-away .title {
        display: inline-block;
        font-size: 1.0691375624rem;
        color: #666666;
        line-height: 1.4967925873rem;
        position: relative; }
        .login .main .login-away .title:before {
          content: '';
          width: 4.2765502495rem;
          height: 0.0712758375rem;
          background: #D8D8D8;
          position: absolute;
          left: -4.6329294369rem;
          top: 50%; }
        .login .main .login-away .title:after {
          content: '';
          width: 4.2765502495rem;
          height: 0.0712758375rem;
          background: #D8D8D8;
          position: absolute;
          right: -4.6329294369rem;
          top: 49%; }
      .login .main .login-away .else-login-btn {
        padding-top: 1.4255167498rem;
        justify-content: center; }
        .login .main .login-away .else-login-btn span {
          display: block;
          width: 1.9957234498rem;
          height: 1.9957234498rem;
          background: url(../image/wx-icon.png) no-repeat center;
          background-size: 1.9957234498rem;
          margin-right: 1.7818959373rem; }
          .login .main .login-away .else-login-btn span:last-child {
            margin-right: 0; }
          .login .main .login-away .else-login-btn span.qq-login {
            background: url(../image/qq-icon.png) no-repeat center;
            background-size: 1.9957234498rem; }
          .login .main .login-away .else-login-btn span.wb-login {
            background: url(../image/wb-icon.png) no-repeat center;
            background-size: 1.9957234498rem; }
  .login .login-pop {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20; }
    .login .login-pop .pop-box {
      width: 21.0263720599rem;
      height: 24.091233072rem;
      background: white;
      border-radius: 0.7127583749rem;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 1.4255167498rem 1.0691375624rem 0 1.0691375624rem;
      box-sizing: border-box; }
      .login .login-pop .pop-box h4 {
        font-size: 1.2116892373rem;
        color: #444444;
        line-height: 1.7106200998rem;
        padding-bottom: 1.0691375624rem;
        text-align: center; }
      .login .login-pop .pop-box .text-main {
        height: 15.965787598rem;
        font-size: 1.0691375624rem;
        color: #444444;
        line-height: 1.6393442623rem;
        overflow-y: auto; }
      .login .login-pop .pop-box .pop-btn {
        align-items: center;
        height: 3.920171062rem;
        background: white;
        border-radius: 10px;
        position: relative; }
        .login .login-pop .pop-box .pop-btn:after {
          content: '';
          position: absolute;
          background-color: #EDEDF0;
          display: block;
          z-index: 15;
          top: 0;
          right: auto;
          bottom: auto;
          left: 0;
          height: 1px;
          width: 100%;
          transform-origin: 50% 100%;
          transform: scaleY(-0.5); }
        .login .login-pop .pop-box .pop-btn span {
          height: 3.920171062rem;
          width: 50%;
          flex: 1;
          text-align: center;
          font-size: 1.1404133999rem;
          color: #999999;
          line-height: 3.920171062rem;
          position: relative; }
          .login .login-pop .pop-box .pop-btn span:after {
            content: '';
            position: absolute;
            background-color: #EDEDF0;
            display: block;
            z-index: 15;
            top: 0;
            right: 0;
            bottom: 0;
            left: auto;
            height: 100%;
            width: 1px;
            transform-origin: 50% 100%;
            transform: scaleX(0.5); }
          .login .login-pop .pop-box .pop-btn span.active {
            color: #E00303; }
            .login .login-pop .pop-box .pop-btn span.active:after {
              display: none; }

.chanage_password {
  padding: 0.9978617249rem 1.0691375624rem 0 1.0691375624rem; }
  .chanage_password .item {
    margin-bottom: 0.7127583749rem;
    align-items: center;
    height: 3.7063435495rem;
    background: #f8f8f8;
    border-radius: 0.28510335rem;
    font-size: 1.1404133999rem;
    line-height: 1.5680684248rem;
    color: #333;
    padding: 0 1.0691375624rem; }
    .chanage_password .item input {
      flex: 1;
      width: 100%;
      border: none;
      background-color: transparent;
      font-size: 0.9978617249rem; }
      .chanage_password .item input::-webkit-input-placeholder {
        color: #ccc; }
    .chanage_password .item a {
      color: #E00303; }
  .chanage_password p {
    font-size: 0.9978617249rem;
    color: #666666;
    line-height: 1.2829650748rem; }
  .chanage_password .public-submit-btn {
    padding-top: 40px; }

.more_comment .main .comment-classify {
  padding: 1.0691375624rem 1.0691375624rem 0.3563791875rem 1.0691375624rem; }
  .more_comment .main .comment-classify span {
    height: 1.7818959373rem;
    background: white;
    border-radius: 0.9265858874rem;
    border: 1px solid #999999;
    padding: 0 1.0691375624rem;
    font-size: 0.8553100499rem;
    color: #666666;
    line-height: 1.7818959373rem;
    margin-right: 0.7127583749rem;
    margin-bottom: 0.7127583749rem; }
    .more_comment .main .comment-classify span.active {
      color: #DD1920;
      border: 1px solid #dd1920; }
.more_comment .main .public-user-evaluate .item {
  position: relative; }
  .more_comment .main .public-user-evaluate .item:last-child:after {
    display: none; }
  .more_comment .main .public-user-evaluate .item:after {
    content: '';
    position: absolute;
    background-color: #EDEDF0;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(0.5); }

.sure_order {
  min-height: 100vh;
  background: #F8F8F8; }
  .sure_order .main {
    padding: 1.0691375624rem 1.0691375624rem 3.5637918746rem 1.0691375624rem; }
    .sure_order .main .booking-message .item {
      margin-bottom: 0.7127583749rem;
      background: white;
      border-radius: 0.5702066999rem;
      padding: 1.0691375624rem; }
      .sure_order .main .booking-message .item .left p {
        font-size: 1.0691375624rem;
        color: #333333;
        line-height: 1.4967925873rem; }
      .sure_order .main .booking-message .item .left span {
        font-size: 0.8553100499rem;
        color: #666666;
        line-height: 1.2116892373rem;
        padding-top: 0.4276550249rem; }
      .sure_order .main .booking-message .item .right {
        flex: 1;
        text-align: right;
        font-size: 0.8553100499rem;
        color: #333333;
        line-height: 1.2116892373rem; }
    .sure_order .main .booking-message .continue-add {
      background: white;
      border-radius: 0.5702066999rem;
      padding: 0.7840342124rem 0 0.9265858874rem 0;
      text-align: center;
      font-size: 0.9978617249rem;
      color: #e00303;
      line-height: 1.4255167498rem;
      margin-bottom: 1.0691375624rem; }
    .sure_order .main .people-number {
      height: 3.5637918746rem;
      background: white;
      border-radius: 0.5702066999rem;
      align-items: center;
      margin-bottom: 0.7127583749rem;
      padding: 0 1.0691375624rem; }
      .sure_order .main .people-number .left {
        font-size: 1.0691375624rem;
        color: #333333;
        line-height: 1.4967925873rem;
        flex: 1; }
      .sure_order .main .people-number .shopping-number {
        margin-top: 0.7127583749rem;
        width: 7.3414112616rem;
        height: 2.2095509622rem;
        border: 1px solid #999999;
        text-align: center;
        align-items: center;
        border-radius: 0.142551675rem;
        /*display:inline-block;*/ }
        .sure_order .main .people-number .shopping-number a {
          display: block;
          width: 2.2095509622rem;
          height: 2.0669992872rem;
          background: url(../image/peopel_reduction.png) no-repeat center;
          background-size: 0.8553100499rem 0.8553100499rem; }
          .sure_order .main .people-number .shopping-number a.active {
            background: url(../image/peopel_add.png) no-repeat center;
            background-size: 0.8553100499rem 0.8553100499rem; }
        .sure_order .main .people-number .shopping-number .number {
          flex: 1;
          height: 2.1382751247rem;
          align-items: center;
          border-left: 1px solid #999999;
          border-right: 1px solid #999999; }
          .sure_order .main .people-number .shopping-number .number input {
            width: 100%;
            border: none;
            font-size: 0.9978617249rem;
            color: #666666;
            line-height: 1.2829650748rem;
            text-align: center; }
    .sure_order .main .booking-time {
      height: 3.5637918746rem;
      align-items: center;
      background: white;
      border-radius: 0.5702066999rem;
      padding: 0 1.0691375624rem 0 0.9265858874rem;
      margin-bottom: 1.0691375624rem; }
      .sure_order .main .booking-time .left {
        font-size: 1.1404133999rem;
        color: #333333;
        line-height: 1.5680684248rem; }
      .sure_order .main .booking-time p {
        flex: 1;
        text-align: right;
        font-size: 1.1404133999rem;
        color: #999999;
        line-height: 1.5680684248rem; }
      .sure_order .main .booking-time span {
        width: 1.2829650748rem;
        height: 1.2829650748rem;
        background: url(../image/more-arrows.png) no-repeat center;
        background-size: 1.2829650748rem;
        margin-left: 0.28510335rem; }
    .sure_order .main .user-message {
      background: white;
      border-radius: 0.5702066999rem;
      padding: 1.0691375624rem 0.7127583749rem 1.0691375624rem 1.0691375624rem;
      margin-bottom: 1.0691375624rem;
      align-items: center; }
      .sure_order .main .user-message .left {
        flex: 1; }
        .sure_order .main .user-message .left p {
          font-size: 1.0691375624rem;
          color: #333333;
          line-height: 1.4967925873rem; }
          .sure_order .main .user-message .left p span {
            padding-left: 0.5702066999rem;
            font-size: 0.8553100499rem;
            color: #999999;
            line-height: 1.2116892373rem; }
        .sure_order .main .user-message .left .site-detail {
          font-size: 0.8553100499rem;
          color: #333333;
          line-height: 1.2116892373rem;
          padding-top: 0.4276550249rem; }
      .sure_order .main .user-message a {
        display: block;
        width: 0.9978617249rem;
        height: 0.9978617249rem;
        background: url(../image/site-arrows.png) no-repeat center;
        background-size: 0.9978617249rem; }
    .sure_order .main .order-list .item {
      background: white;
      border-radius: 0.5702066999rem;
      padding: 1.0691375624rem;
      margin-bottom: 1.0691375624rem; }
      .sure_order .main .order-list .item h2 {
        font-size: 0.9978617249rem;
        color: #333333;
        line-height: 1.4255167498rem; }
      .sure_order .main .order-list .item .shopping-message {
        padding-top: 0.8553100499rem; }
        .sure_order .main .order-list .item .shopping-message img {
          display: block;
          width: 4.8467569494rem;
          height: 4.8467569494rem;
          border-radius: 0.28510335rem;
          margin-right: 0.9265858874rem; }
        .sure_order .main .order-list .item .shopping-message .middle {
          flex: 1;
          width: 11.617961511rem; }
          .sure_order .main .order-list .item .shopping-message .middle .name {
            font-size: 0.8553100499rem;
            color: #333333;
            line-height: 1.2116892373rem; }
          .sure_order .main .order-list .item .shopping-message .middle .specifications {
            font-size: 0.8553100499rem;
            color: #999999;
            line-height: 1.2116892373rem;
            padding-top: 0.7127583749rem; }
        .sure_order .main .order-list .item .shopping-message .right {
          text-align: right; }
          .sure_order .main .order-list .item .shopping-message .right .price {
            font-size: 0.9265858874rem;
            color: #333333;
            line-height: 1.2829650748rem; }
            .sure_order .main .order-list .item .shopping-message .right .price:before {
              content: '￥';
              font-size: 0.7127583749rem;
              line-height: 0.9978617249rem; }
          .sure_order .main .order-list .item .shopping-message .right .number {
            font-size: 0.5702066999rem;
            color: #999999;
            line-height: 0.7840342124rem; }
      .sure_order .main .order-list .item .order-item {
        padding: 0.8553100499rem 0;
        overflow: hidden; }
        .sure_order .main .order-list .item .order-item .left {
          float: left;
          font-size: 0.9978617249rem;
          color: #333333;
          line-height: 1.4255167498rem; }
        .sure_order .main .order-list .item .order-item span {
          float: right;
          font-size: 0.9978617249rem;
          color: #666666;
          line-height: 1.4255167498rem;
          padding-right: 0.9978617249rem;
          background: url(../image/more-arrows.png) no-repeat right center;
          background-size: 0.8553100499rem 0.8553100499rem; }
          .sure_order .main .order-list .item .order-item span.active {
            background: none;
            padding-right: 0; }
        .sure_order .main .order-list .item .order-item p {
          width: 13.1860299359rem;
          float: right;
          font-size: 0.9978617249rem;
          color: #666666;
          line-height: 1.4255167498rem;
          text-align: right;
          padding-left: 1.1404133999rem;
          background: url(../image/order-site-icon.png) no-repeat left top;
          background-size: 0.8553100499rem 0.9978617249rem; }
        .sure_order .main .order-list .item .order-item input {
          border: none;
          width: 14.9679258731rem;
          font-size: 0.9978617249rem;
          color: #666666;
          line-height: 1.4255167498rem;
          float: right;
          text-align: right; }
          .sure_order .main .order-list .item .order-item input::-webkit-input-placeholder {
            color: #999999; }
      .sure_order .main .order-list .item .summary {
        justify-content: flex-end;
        align-items: center; }
        .sure_order .main .order-list .item .summary a {
          font-size: 0.8553100499rem;
          color: #999999;
          line-height: 1.2116892373rem;
          margin-right: 0.4276550249rem; }
        .sure_order .main .order-list .item .summary p {
          font-size: 0.8553100499rem;
          color: #333333;
          line-height: 1.2116892373rem; }
          .sure_order .main .order-list .item .summary p span {
            font-size: 0.9978617249rem;
            color: #dd1920;
            line-height: 1.2829650748rem;
            margin-right: 0.3563791875rem; }
            .sure_order .main .order-list .item .summary p span:before {
              content: '￥';
              font-size: 0.7127583749rem; }
    .sure_order .main .combined-money {
      position: fixed;
      bottom: 3.4925160371rem;
      left: 0;
      right: 0;
      height: 2.8510334996rem;
      background: rgba(0, 0, 0, 0.3);
      text-align: center;
      font-size: 1.2116892373rem;
      color: white;
      line-height: 2.8510334996rem; }
    .sure_order .main .settlement {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      height: 3.4925160371rem;
      background: #fff;
      box-shadow: -0.28510335rem 0.142551675rem 0.7127583749rem 0px rgba(0, 0, 0, 0.15);
      align-items: center;
      padding: 0 1.0691375624rem; }
      .sure_order .main .settlement .left {
        flex: 1;
        font-size: 1.0691375624rem;
        color: #dd1920; }
        .sure_order .main .settlement .left span {
          font-size: 1.2116892373rem;
          color: #dd1920;
          line-height: 1.7106200998rem; }
          .sure_order .main .settlement .left span:before {
            content: '￥';
            font-size: 0.9978617249rem;
            line-height: 1.4255167498rem; }
      .sure_order .main .settlement a {
        width: 6.6999287242rem;
        height: 2.8510334996rem;
        background: #dd1920;
        border-radius: 1.4255167498rem;
        font-size: 1.2116892373rem;
        color: white;
        line-height: 2.8510334996rem;
        text-align: center; }
    .sure_order .main .sure-msg-pop {
      background: rgba(0, 0, 0, 0.39);
      height: 100vh;
      position: fixed;
      z-index: 20;
      top: 0;
      left: 0;
      right: 0; }
      .sure_order .main .sure-msg-pop .box-warp {
        width: 20.5987170349rem;
        height: 25.8731290093rem;
        background: white;
        border-radius: 0.7127583749rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .sure_order .main .sure-msg-pop .box-warp .pop-top {
          position: relative;
          padding: 1.7106200998rem 1.0691375624rem 0.7127583749rem 1.0691375624rem; }
          .sure_order .main .sure-msg-pop .box-warp .pop-top:after {
            content: '';
            position: absolute;
            background-color: #EDEDF0;
            display: block;
            z-index: 15;
            top: auto;
            right: auto;
            bottom: 0;
            left: 0;
            height: 1px;
            width: 100%;
            transform-origin: 50% 100%;
            transform: scaleY(0.5); }
          .sure_order .main .sure-msg-pop .box-warp .pop-top h2 {
            text-align: center;
            font-size: 1.1404133999rem;
            color: #2f3134;
            line-height: 1.5680684248rem; }
          .sure_order .main .sure-msg-pop .box-warp .pop-top p {
            font-size: 0.9978617249rem;
            color: #2f3134;
            line-height: 1.4255167498rem;
            padding-top: 0.7127583749rem; }
          .sure_order .main .sure-msg-pop .box-warp .pop-top span {
            display: block;
            width: 1.4255167498rem;
            height: 1.4255167498rem;
            background: url(../image/erweima-close.png) no-repeat center;
            background-size: 1.4255167498rem;
            position: absolute;
            right: 1.0691375624rem;
            top: 1.0691375624rem; }
        .sure_order .main .sure-msg-pop .box-warp .pop-bottom {
          position: relative; }
          .sure_order .main .sure-msg-pop .box-warp .pop-bottom:after {
            content: '';
            position: absolute;
            background-color: #EDEDF0;
            display: block;
            z-index: 15;
            top: auto;
            right: auto;
            bottom: 0;
            left: 0;
            height: 1px;
            width: 100%;
            transform-origin: 50% 100%;
            transform: scaleY(0.5); }
          .sure_order .main .sure-msg-pop .box-warp .pop-bottom .sure-msg-list {
            height: 13.4711332858rem;
            box-sizing: border-box;
            padding: 1.0691375624rem 1.0691375624rem 0.7127583749rem 1.0691375624rem;
            overflow-y: auto; }
          .sure_order .main .sure-msg-pop .box-warp .pop-bottom .item {
            padding-bottom: 0.7127583749rem;
            font-size: 0.9978617249rem;
            color: #2f3134;
            line-height: 1.7106200998rem; }
        .sure_order .main .sure-msg-pop .box-warp .sure-msg-submit {
          padding-top: 1.4255167498rem;
          text-align: center; }
          .sure_order .main .sure-msg-pop .box-warp .sure-msg-submit span {
            width: 6.9850320741rem;
            height: 2.5659301497rem;
            background: linear-gradient(270deg, #dd1920 0%, #ff4c53 100%);
            border-radius: 1.2829650748rem;
            font-size: 1.0691375624rem;
            color: white;
            line-height: 2.5659301497rem; }
      .sure_order .main .sure-msg-pop .pay_password {
        position: fixed;
        z-index: 20;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff; }
        .sure_order .main .sure-msg-pop .pay_password .title {
          height: 3.1361368496rem;
          position: relative; }
          .sure_order .main .sure-msg-pop .pay_password .title:after {
            content: '';
            position: absolute;
            background-color: #EDEDF0;
            display: block;
            z-index: 15;
            top: auto;
            right: auto;
            bottom: 0;
            left: 0;
            height: 1px;
            width: 100%;
            transform-origin: 50% 100%;
            transform: scaleY(0.5); }
          .sure_order .main .sure-msg-pop .pay_password .title h2 {
            font-size: 1.2116892373rem;
            color: #333333;
            line-height: 3.1361368496rem;
            text-align: center; }
          .sure_order .main .sure-msg-pop .pay_password .title span {
            display: block;
            width: 1.5680684248rem;
            height: 1.5680684248rem;
            background: url(../image/back.png) no-repeat center;
            background-size: 1.5680684248rem;
            position: absolute;
            left: 1.4255167498rem;
            top: 50%;
            transform: translateY(-50%); }
          .sure_order .main .sure-msg-pop .pay_password .title a {
            font-size: 1.0691375624rem;
            color: #333333;
            line-height: 1.4967925873rem;
            position: absolute;
            right: 1.0691375624rem;
            top: 50%;
            transform: translateY(-50%); }
        .sure_order .main .sure-msg-pop .pay_password .password-box {
          padding: 1.4255167498rem 2.7084818247rem; }
          .sure_order .main .sure-msg-pop .pay_password .password-box .input-password {
            width: 21.2401995723rem;
            border: 1px solid #DADADA;
            font-size: 0;
            height: 3.4212401996rem;
            align-items: center;
            flex-wrap: wrap;
            justify-content: space-between;
            position: relative; }
            .sure_order .main .sure-msg-pop .pay_password .password-box .input-password span {
              flex: 1;
              width: 16.67%;
              display: inline-block;
              height: 3.4212401996rem;
              border-right: 1px solid #DADADA;
              font-size: 1.7106200998rem;
              color: #333333;
              line-height: 3.4212401996rem;
              text-align: center;
              position: relative; }
              .sure_order .main .sure-msg-pop .pay_password .password-box .input-password span:last-child {
                border-right: none; }
              .sure_order .main .sure-msg-pop .pay_password .password-box .input-password span.active:after {
                content: '';
                width: 0.5702066999rem;
                height: 0.5702066999rem;
                background: #333;
                border-radius: 50%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
            .sure_order .main .sure-msg-pop .pay_password .password-box .input-password input {
              width: 21.3827512473rem;
              height: 3.5637918746rem;
              position: absolute;
              top: 0;
              left: 0;
              opacity: 0; }
          .sure_order .main .sure-msg-pop .pay_password .password-box p {
            margin-top: 1.0691375624rem;
            font-size: 0.9978617249rem;
            color: #e00303;
            line-height: 1.4255167498rem;
            text-align: center; }

.invoice_choice {
  min-height: 100vh;
  background: #F8F8F8; }
  .invoice_choice .main .invoice-switch {
    background: #FFF;
    padding: 0 1.0691375624rem;
    align-items: center;
    height: 3.5637918746rem;
    position: relative; }
    .invoice_choice .main .invoice-switch:last-child:after {
      display: none; }
    .invoice_choice .main .invoice-switch:after {
      content: '';
      position: absolute;
      background-color: #EDEDF0;
      display: block;
      z-index: 15;
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      height: 1px;
      width: 100%;
      transform-origin: 50% 100%;
      transform: scaleY(0.5); }
    .invoice_choice .main .invoice-switch .left {
      flex: 1;
      font-size: 1.1404133999rem;
      color: #2f3134;
      line-height: 1.5680684248rem; }
      .invoice_choice .main .invoice-switch .left.active {
        flex: none;
        width: 4.8467569494rem;
        margin-right: 0.7127583749rem; }
    .invoice_choice .main .invoice-switch .frame {
      width: 2.8510334996rem;
      height: 1.8531717748rem;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      box-sizing: border-box; }
      .invoice_choice .main .invoice-switch .frame .checkbox {
        display: none; }
      .invoice_choice .main .invoice-switch .frame .switch {
        width: 2.8510334996rem;
        height: 1.8531717748rem;
        background: #E7E8F1;
        border-radius: 1.4255167498rem;
        padding: 0.142551675rem;
        box-sizing: border-box;
        display: inline-block;
        padding-top: 0.0712758375rem; }
        .invoice_choice .main .invoice-switch .frame .switch:after {
          content: '';
          width: 1.7106200998rem;
          height: 1.7106200998rem;
          background: #fff;
          border-radius: 50%;
          display: block;
          float: left;
          transition: all 0.5s; }
      .invoice_choice .main .invoice-switch .frame .checkbox:checked + .switch:after {
        margin-left: 0.9265858874rem; }
      .invoice_choice .main .invoice-switch .frame .checkbox:checked + .switch {
        background: #D9181F; }
    .invoice_choice .main .invoice-switch span {
      font-size: 1.1404133999rem;
      color: #666666;
      line-height: 1.5680684248rem;
      padding-left: 1.6393442623rem;
      background: url(../image/img/check_icon_1.png) no-repeat left center;
      background-size: 1.0691375624rem;
      margin-right: 1.4255167498rem; }
      .invoice_choice .main .invoice-switch span:last-child {
        margin-right: 0; }
      .invoice_choice .main .invoice-switch span.active {
        background: url(../image/img/check_icon_2.png) no-repeat left center;
        background-size: 1.0691375624rem; }
    .invoice_choice .main .invoice-switch input {
      width: 100%;
      flex: 1;
      border: none;
      font-size: 1.1404133999rem;
      color: #999999;
      line-height: 1.5680684248rem;
      text-align: right; }
  .invoice_choice .main .invoice-btn {
    width: 24.5901639344rem;
    height: 3.5637918746rem;
    background: linear-gradient(270deg, #dd1920 0%, #ff4c53 100%);
    border-radius: 1.6393442623rem;
    font-size: 1.1404133999rem;
    color: white;
    line-height: 3.5637918746rem;
    text-align: center;
    position: fixed;
    bottom: 0.7127583749rem;
    left: 50%;
    transform: translateX(-50%); }

.shipping_address {
  min-height: 100vh;
  background: #F8F8F8; }
  .shipping_address .main .history-address {
    padding-bottom: 5.7020669993rem; }
    .shipping_address .main .history-address .item {
      margin-bottom: 0.7127583749rem;
      background: #FFF; }
      .shipping_address .main .history-address .item .item-top {
        padding: 1.0691375624rem;
        position: relative; }
        .shipping_address .main .history-address .item .item-top:after {
          content: '';
          position: absolute;
          background-color: #EDEDF0;
          display: block;
          z-index: 15;
          top: auto;
          right: auto;
          bottom: 0;
          left: 0;
          height: 1px;
          width: 100%;
          transform-origin: 50% 100%;
          transform: scaleY(0.5); }
        .shipping_address .main .history-address .item .item-top .title {
          font-size: 1.1404133999rem;
          color: #333333;
          line-height: 1.5680684248rem; }
          .shipping_address .main .history-address .item .item-top .title a {
            flex: 1;
            font-size: 1.0691375624rem;
            line-height: 1.4967925873rem;
            text-align: right; }
        .shipping_address .main .history-address .item .item-top p {
          font-size: 0.8553100499rem;
          color: #666666;
          line-height: 1.2116892373rem;
          padding-top: 0.4276550249rem; }
      .shipping_address .main .history-address .item .item-bottom {
        padding: 0.7127583749rem 1.0691375624rem;
        align-items: center; }
        .shipping_address .main .history-address .item .item-bottom p {
          flex: 1;
          padding-left: 1.5680684248rem;
          font-size: 0.8553100499rem;
          color: #999999;
          line-height: 1.2116892373rem;
          background: url(../image/img/check_icon_1.png) no-repeat left center;
          background-size: 1.0691375624rem; }
          .shipping_address .main .history-address .item .item-bottom p.active {
            background: url(../image/img/check_icon_2.png) no-repeat left center;
            background-size: 1.0691375624rem; }
        .shipping_address .main .history-address .item .item-bottom span {
          display: block;
          width: 1.0691375624rem;
          height: 1.0691375624rem;
          background: url(../image/editor-icon.png) no-repeat center;
          background-size: 1.0691375624rem;
          margin-right: 2.1382751247rem; }
        .shipping_address .main .history-address .item .item-bottom a {
          display: block;
          width: 1.0691375624rem;
          height: 1.0691375624rem;
          background: url(../image/deleted-icon.png) no-repeat center;
          background-size: 1.0691375624rem; }
    .shipping_address .main .history-address .invoice-btn {
      width: 24.5901639344rem;
      height: 3.5637918746rem;
      background: linear-gradient(270deg, #dd1920 0%, #ff4c53 100%);
      border-radius: 1.6393442623rem;
      font-size: 1.1404133999rem;
      color: white;
      line-height: 3.5637918746rem;
      text-align: center;
      position: fixed;
      bottom: 0.7127583749rem;
      left: 50%;
      transform: translateX(-50%);
      z-index: 99; }

.add_address {
  min-height: 100vh;
  background: #F8F8F8; }
  .add_address .main .item {
    padding: 0.9978617249rem 1.0691375624rem;
    background: #FFF;
    position: relative;
    align-items: flex-start; }
    .add_address .main .item:last-child:after {
      display: none; }
    .add_address .main .item:after {
      content: '';
      position: absolute;
      background-color: #EDEDF0;
      display: block;
      z-index: 15;
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      height: 1px;
      width: 100%;
      transform-origin: 50% 100%;
      transform: scaleY(0.5); }
    .add_address .main .item .left {
      width: 4.8467569494rem;
      font-size: 1.1404133999rem;
      color: #333333;
      line-height: 1.5680684248rem;
      margin-right: 0.7127583749rem; }
    .add_address .main .item input {
      flex: 100px;
      width: 100%;
      font-size: 1.1404133999rem;
      line-height: 1.5680684248rem;
      text-align: right; }
    .add_address .main .item span {
      flex: 1;
      font-size: 1.1404133999rem;
      color: #666666;
      line-height: 1.5680684248rem;
      padding-right: 1.5680684248rem;
      background: url(../image/more-arrows.png) no-repeat right center;
      background-size: 1.2829650748rem;
      text-align: right; }
    .add_address .main .item textarea {
      flex: 100px;
      width: 100%;
      border: none;
      background-color: transparent;
      font-size: 1.1404133999rem;
      line-height: 1.5680684248rem;
      text-align: right;
      resize: none; }

.select_appointment {
  min-height: 100vh;
  background: #F7F6F6; }
  .select_appointment .main .appointment-list {
    padding-bottom: 5.3456878118rem; }
    .select_appointment .main .appointment-list .warpper {
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid #f2f2f2; }
    .select_appointment .main .appointment-list .item {
      background: #fff;
      padding: 1.0691375624rem 1.0691375624rem 0.7840342124rem 1.2829650748rem;
      align-items: center;
      position: absolute;
      left: 0;
      width: 100%;
      box-sizing: border-box; }
      .select_appointment .main .appointment-list .item:after {
        content: '';
        position: absolute;
        background-color: #EDEDF0;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.5); }
      .select_appointment .main .appointment-list .item a {
        display: block;
        width: 1.0691375624rem;
        height: 1.0691375624rem;
        border-radius: 50%;
        background: url(../image/img/check_icon_1.png) no-repeat center;
        background-size: 1.0691375624rem;
        margin-right: 1.0691375624rem; }
        .select_appointment .main .appointment-list .item a.active {
          background: url(../image/img/check_icon_2.png) no-repeat center;
          background-size: 1.0691375624rem; }
      .select_appointment .main .appointment-list .item .right {
        flex: 1; }
        .select_appointment .main .appointment-list .item .right h2 {
          font-size: 1.1404133999rem;
          color: #333333;
          line-height: 1.5680684248rem; }
          .select_appointment .main .appointment-list .item .right h2 span {
            font-size: 1.0691375624rem;
            color: #333333;
            line-height: 1.4967925873rem;
            padding-left: 0.7127583749rem; }
        .select_appointment .main .appointment-list .item .right .phone {
          align-items: center;
          font-size: 0.8553100499rem;
          color: #666666;
          line-height: 1.2116892373rem;
          padding-top: 0.7840342124rem; }
          .select_appointment .main .appointment-list .item .right .phone p {
            flex: 1; }
          .select_appointment .main .appointment-list .item .right .phone span {
            width: 0.9978617249rem;
            height: 0.9978617249rem;
            background: url(../image/appointment-icon.png) no-repeat center;
            background-size: 0.9978617249rem; }
    .select_appointment .main .appointment-list .delete {
      float: right;
      width: 80px;
      top: 0;
      right: 0;
      line-height: 5.1318602994rem;
      background-color: #f00;
      color: #fff;
      text-align: center;
      height: 5.1318602994rem; }
    .select_appointment .main .appointment-list .delete i.iconfont {
      font-size: 1em;
      padding-right: 5px; }
@keyframes noheight {
  0% {
    height: 5.1318602994rem;
    opacity: 1; }
  100% {
    height: 0;
    opacity: 0; } }
    .select_appointment .main .appointment-list .noheight {
      animation: noheight .3s linear 0s forwards; }
  .select_appointment .main .add-new-user {
    position: fixed;
    bottom: 0.7127583749rem;
    left: 1.0691375624rem;
    right: 1.0691375624rem; }
    .select_appointment .main .add-new-user span {
      display: block;
      height: 3.5637918746rem;
      background: linear-gradient(270deg, #dd1920 0%, #ff4c53 100%);
      border-radius: 1.6393442623rem;
      text-align: center;
      font-size: 1.1404133999rem;
      color: white;
      line-height: 3.5637918746rem; }

.search_result .header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: #fff; }
  .search_result .header .search-tiitle {
    height: 3.1361368496rem;
    padding: 0 1.4255167498rem 0 1.0691375624rem;
    align-items: center; }
    .search_result .header .search-tiitle a {
      display: block;
      width: 1.0691375624rem;
      height: 1.0691375624rem;
      background: url(../image/search-close.png) no-repeat center;
      background-size: 1.0691375624rem;
      margin-right: 1.4255167498rem; }
    .search_result .header .search-tiitle form {
      flex: 1;
      width: 100%; }
    .search_result .header .search-tiitle .search-box {
      flex: 1;
      width: 21.7391304348rem;
      height: 2.1382751247rem;
      background: #f6f6f6;
      border-radius: 1.0691375624rem;
      align-items: center;
      box-sizing: border-box;
      padding: 0 0.9978617249rem; }
      .search_result .header .search-tiitle .search-box span {
        display: block;
        width: 0.9265858874rem;
        height: 0.9265858874rem;
        background: url(../image/search-icon.png) no-repeat center;
        background-size: 0.9265858874rem;
        margin-right: 0.3563791875rem; }
      .search_result .header .search-tiitle .search-box input {
        width: 100%;
        flex: 1;
        font-size: 0.9978617249rem;
        color: #333333;
        line-height: 1.4255167498rem; }
        .search_result .header .search-tiitle .search-box input::-webkit-input-placeholder {
          color: #aaaaaa; }
  .search_result .header .search-record {
    padding: 0.7127583749rem 1.0691375624rem 0 1.0691375624rem; }
    .search_result .header .search-record .hot-search {
      padding-top: 0.7127583749rem; }
      .search_result .header .search-record .hot-search .title {
        font-size: 0.9978617249rem;
        color: #999999;
        line-height: 1.4255167498rem;
        align-items: center; }
        .search_result .header .search-record .hot-search .title h2 {
          flex: 1; }
        .search_result .header .search-record .hot-search .title span {
          display: block;
          width: 1.2829650748rem;
          height: 1.2829650748rem;
          background: url(../image/deleted-icon.png) no-repeat center;
          background-size: 1.2829650748rem; }
      .search_result .header .search-record .hot-search .hot-label {
        padding-top: 1.0691375624rem;
        font-size: 0.9265858874rem;
        color: #333333; }
        .search_result .header .search-record .hot-search .hot-label span {
          margin-right: 0.7127583749rem;
          margin-bottom: 0.7127583749rem;
          height: 2.1382751247rem;
          background: #f6f6f6;
          border-radius: 0.142551675rem;
          line-height: 2.1382751247rem;
          padding: 0 0.8553100499rem; }
  .search_result .header .select-list {
    height: 2.8510334996rem;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between; }
    .search_result .header .select-list:after {
      content: '';
      position: absolute;
      background-color: #EDEDF0;
      display: block;
      z-index: 15;
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      height: 1px;
      width: 100%;
      transform-origin: 50% 100%;
      transform: scaleY(0.5); }
    .search_result .header .select-list .tab-btn {
      flex: 1;
      width: 30%;
      text-align: center; }
      .search_result .header .select-list .tab-btn span {
        font-size: 1.0691375624rem;
        color: #333333;
        line-height: 2.8510334996rem;
        position: relative; }
        .search_result .header .select-list .tab-btn span.active:after {
          content: '';
          width: 1.7106200998rem;
          height: 0.2138275125rem;
          background: linear-gradient(270deg, #ff6267 0%, #dd1920 100%);
          border-radius: 0.142551675rem;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
.search_result .main {
  padding-top: 5.9871703493rem;
    /*.swiper-container {
			box-sizing:border-box;
		}*/ }
  .search_result .main .sereen-header {
    align-items: center;
    height: 2.8510334996rem;
    position: relative;
    justify-content: space-between;
    flex-wrap: wrap; }
    .search_result .main .sereen-header:after {
      content: '';
      position: absolute;
      background-color: #EDEDF0;
      display: block;
      z-index: 15;
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      height: 1px;
      width: 100%;
      transform-origin: 50% 100%;
      transform: scaleY(0.5); }
    .search_result .main .sereen-header .sereen-condition {
      width: 25%;
      text-align: center; }
      .search_result .main .sereen-header .sereen-condition span {
        font-size: 0.9978617249rem;
        color: #333333;
        line-height: 1.4255167498rem;
        padding-right: 0.7840342124rem; }
        .search_result .main .sereen-header .sereen-condition span.order-btn {
          padding-right: 1.0691375624rem; }
        .search_result .main .sereen-header .sereen-condition span.active {
          color: #E00303; }
        .search_result .main .sereen-header .sereen-condition span.sort-order {
          position: relative; }
          .search_result .main .sereen-header .sereen-condition span.sort-order.up:before {
            content: '';
            width: 0.4276550249rem;
            height: 0.28510335rem;
            background: url(../image/scree-arrows-up_.png) no-repeat center;
            background-size: 0.4276550249rem 0.28510335rem;
            position: absolute;
            top: 0.3563791875rem;
            right: 0; }
          .search_result .main .sereen-header .sereen-condition span.sort-order.down:after {
            content: '';
            width: 0.4276550249rem;
            height: 0.28510335rem;
            background: url(../image/scree-arrows-down_.png) no-repeat center;
            background-size: 0.4276550249rem 0.28510335rem;
            position: absolute;
            bottom: 0.3563791875rem;
            right: 0; }
          .search_result .main .sereen-header .sereen-condition span.sort-order:before {
            content: '';
            width: 0.4276550249rem;
            height: 0.28510335rem;
            background: url(../image/scree-arrows-up.png) no-repeat center;
            background-size: 0.4276550249rem 0.28510335rem;
            position: absolute;
            top: 0.3563791875rem;
            right: 0; }
          .search_result .main .sereen-header .sereen-condition span.sort-order:after {
            content: '';
            width: 0.4276550249rem;
            height: 0.28510335rem;
            background: url(../image/scree-arrows-down.png) no-repeat center;
            background-size: 0.4276550249rem 0.28510335rem;
            position: absolute;
            bottom: 0.3563791875rem;
            right: 0; }
        .search_result .main .sereen-header .sereen-condition span.pop {
          background: url(../image/scree-arrows-down.png) no-repeat right center;
          background-size: 0.4276550249rem 0.28510335rem; }
          .search_result .main .sereen-header .sereen-condition span.pop.active {
            background: url(../image/scree-arrows-down_.png) no-repeat right center;
            background-size: 0.4276550249rem 0.28510335rem; }
        .search_result .main .sereen-header .sereen-condition span.default {
          padding-right: 0; }
  .search_result .main .public-hot-shop {
    border: none; }
  .search_result .main .friend-list {
    background: #FFF; }
    .search_result .main .friend-list .item {
      height: 4.9893086244rem;
      padding: 0 1.0691375624rem;
      align-items: center; }
      .search_result .main .friend-list .item.active .right span {
        border: 1px solid #dd1920;
        color: #dd1920; }
      .search_result .main .friend-list .item .head-pic {
        width: 3.5637918746rem;
        height: 3.5637918746rem;
        border-radius: 50%;
        margin-right: 0.7127583749rem; }
        .search_result .main .friend-list .item .head-pic img {
          width: 100%;
          height: 100%; }
      .search_result .main .friend-list .item .right {
        flex: 1;
        height: 4.9893086244rem;
        position: relative;
        align-items: center; }
        .search_result .main .friend-list .item .right:after {
          content: '';
          position: absolute;
          background-color: #EDEDF0;
          display: block;
          z-index: 15;
          top: auto;
          right: auto;
          bottom: 0;
          left: 0;
          height: 1px;
          width: 100%;
          transform-origin: 50% 100%;
          transform: scaleY(0.5); }
        .search_result .main .friend-list .item .right h2 {
          font-size: 1.1404133999rem;
          color: #333333;
          line-height: 1.5680684248rem;
          flex: 1; }
        .search_result .main .friend-list .item .right span {
          width: 4.1339985745rem;
          height: 1.7106200998rem;
          border-radius: 0.9265858874rem;
          opacity: 0.79;
          border: 1px solid #999999;
          font-size: 0.8553100499rem;
          color: #666666;
          line-height: 1.7106200998rem;
          text-align: center; }
.search_result .pop-window {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  right: 0;
  background: rgba(0, 0, 0, 0.39);
  z-index: 101; }
  .search_result .pop-window .apply-for {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 19.2444761226rem;
    background: white;
    border-radius: 0.4276550249rem; }
    .search_result .pop-window .apply-for .top {
      padding: 1.4255167498rem 1.0691375624rem 1.5680684248rem 1.0691375624rem; }
      .search_result .pop-window .apply-for .top h2 {
        font-size: 1.0691375624rem;
        color: #333333;
        line-height: 1.4967925873rem;
        text-align: center; }
      .search_result .pop-window .apply-for .top p {
        font-size: 0.9265858874rem;
        color: #999999;
        line-height: 1.2829650748rem;
        padding-top: 1.4255167498rem; }
      .search_result .pop-window .apply-for .top .remark {
        height: 2.8510334996rem;
        background: #f8f8f8;
        border-radius: 0.28510335rem;
        padding: 0.7127583749rem 1.0691375624rem 0.6414825374rem 1.0691375624rem;
        box-sizing: border-box;
        font-size: 1.0691375624rem;
        color: #666666;
        align-items: center; }
        .search_result .pop-window .apply-for .top .remark input {
          width: 100%;
          background-color: transparent;
          border: none;
          line-height: 1.1; }
    .search_result .pop-window .apply-for .pop-btn {
      height: 3.5637918746rem;
      align-items: center;
      position: relative; }
      .search_result .pop-window .apply-for .pop-btn:after {
        content: '';
        position: absolute;
        background-color: #EDEDF0;
        display: block;
        z-index: 15;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.5); }
      .search_result .pop-window .apply-for .pop-btn span {
        width: 50%;
        flex: 1;
        font-size: 1.2829650748rem;
        color: #333333;
        line-height: 3.5637918746rem;
        text-align: center; }
        .search_result .pop-window .apply-for .pop-btn span.active {
          color: #E00303;
          border-left: 1px solid #DADADA; }

.moments .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 10.3349964362rem;
  background: url(../image/pyq-bg.png) no-repeat center;
  background-size: cover; }
  .moments .header .user-message {
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    bottom: 1.1404133999rem;
    right: 1.0691375624rem; }
    .moments .header .user-message h2 {
      font-size: 1.2829650748rem;
      color: white;
      line-height: 1.7818959373rem;
      margin-right: 1.4255167498rem; }
    .moments .header .user-message img {
      background: #FFF;
      width: 4.9893086244rem;
      height: 4.9893086244rem;
      box-shadow: 0px 0.142551675rem 1.1404133999rem 0px rgba(255, 78, 83, 0.51);
      border-radius: 0.5702066999rem;
      z-index: 2; }
.moments .main {
  padding-top: 10.9052031361rem; }
  .moments .main .moments-list .item {
    align-items: flex-start;
    padding: 1.0691375624rem; }
    .moments .main .moments-list .item:last-child .today-list:after {
      display: none; }
    .moments .main .moments-list .item .left {
      padding-right: 1.0691375624rem;
      font-size: 1.9957234498rem;
      color: #333333;
      line-height: 2.8510334996rem; }
      .moments .main .moments-list .item .left span {
        font-size: 0.8553100499rem;
        color: #333333;
        line-height: 1.2116892373rem;
        padding-left: 0.28510335rem; }
    .moments .main .moments-list .item .today-list {
      position: relative;
      flex: 1; }
      .moments .main .moments-list .item .today-list:after {
        content: '';
        position: absolute;
        background-color: #EDEDF0;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.5); }
      .moments .main .moments-list .item .today-list .today {
        padding-bottom: 1.0691375624rem; }
        .moments .main .moments-list .item .today-list .today:last-child {
          padding-bottom: 0; }
        .moments .main .moments-list .item .today-list .today .moments-pic {
          width: 5.4169636493rem;
          height: 5.4169636493rem;
          border-radius: 0.5702066999rem;
          margin-right: 0.4276550249rem; }
          .moments .main .moments-list .item .today-list .today .moments-pic img {
            width: 100%;
            height: 100%;
            border-radius: 0.5702066999rem;
            object-fit: cover; }
          .moments .main .moments-list .item .today-list .today .moments-pic video {
            width: 100%;
            height: 100%;
            border-radius: 0.5702066999rem;
            object-fit: cover; }
        .moments .main .moments-list .item .today-list .today p {
          flex: 1;
          font-size: 1.0691375624rem;
          color: #333333;
          line-height: 1.6393442623rem;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          height: 4.6329294369rem; }
  .moments .main .no-friend {
    text-align: center;
    padding-top: 2.4946543122rem;
    font-size: 1.0691375624rem;
    color: #999999;
    line-height: 1.4967925873rem; }
  .moments .main .add-friend {
    position: fixed;
    bottom: 1.4255167498rem;
    left: 2.5659301497rem;
    right: 2.5659301497rem; }
    .moments .main .add-friend span {
      display: block;
      height: 3.2074126871rem;
      border-radius: 1.6393442623rem;
      border: 1px solid #dd1920;
      text-align: center;
      font-size: 1.1404133999rem;
      color: #dd1920;
      line-height: 3.0648610121rem; }
  .moments .main .pop-window {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    right: 0;
    background: rgba(0, 0, 0, 0.39); }
    .moments .main .pop-window .apply-for {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #fff;
      width: 19.2444761226rem;
      background: white;
      border-radius: 0.4276550249rem; }
      .moments .main .pop-window .apply-for .top {
        padding: 1.4255167498rem 1.0691375624rem 1.5680684248rem 1.0691375624rem; }
        .moments .main .pop-window .apply-for .top h2 {
          font-size: 1.0691375624rem;
          color: #333333;
          line-height: 1.4967925873rem;
          text-align: center; }
        .moments .main .pop-window .apply-for .top p {
          font-size: 0.9265858874rem;
          color: #999999;
          line-height: 1.2829650748rem;
          padding-top: 1.4255167498rem; }
        .moments .main .pop-window .apply-for .top .remark {
          height: 2.8510334996rem;
          background: #f8f8f8;
          border-radius: 0.28510335rem;
          padding: 0.7127583749rem 1.0691375624rem 0.6414825374rem 1.0691375624rem;
          box-sizing: border-box;
          font-size: 1.0691375624rem;
          color: #666666;
          line-height: 1.4967925873rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .moments .main .pop-window .apply-for .pop-btn {
        height: 3.5637918746rem;
        align-items: center;
        position: relative; }
        .moments .main .pop-window .apply-for .pop-btn:after {
          content: '';
          position: absolute;
          background-color: #EDEDF0;
          display: block;
          z-index: 15;
          top: 0;
          right: auto;
          bottom: auto;
          left: 0;
          height: 1px;
          width: 100%;
          transform-origin: 50% 100%;
          transform: scaleY(0.5); }
        .moments .main .pop-window .apply-for .pop-btn span {
          width: 50%;
          flex: 1;
          font-size: 1.2829650748rem;
          color: #333333;
          line-height: 3.5637918746rem;
          text-align: center; }
          .moments .main .pop-window .apply-for .pop-btn span.active {
            color: #E00303;
            border-left: 1px solid #DADADA; }

.choice_area .main {
  padding-top: 3.1361368496rem; }
  .choice_area .main .choice-city {
    height: 3.1361368496rem;
    background: white;
    box-shadow: 0px 0.142551675rem 0.4989308624rem 0px rgba(0, 0, 0, 0.06);
    align-items: center;
    padding: 0 1.0691375624rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100; }
    .choice_area .main .choice-city .left {
      font-size: 1.1404133999rem;
      color: #2f3134;
      line-height: 1.5680684248rem;
      padding-right: 1.1404133999rem;
      background: url(../image/select-arrows-icon.png) no-repeat right center;
      background-size: 0.7127583749rem 0.4276550249rem; }
    .choice_area .main .choice-city span {
      width: 1px;
      height: 1.0691375624rem;
      background: #999999;
      margin: 0 0.7127583749rem 0 1.1404133999rem; }
    .choice_area .main .choice-city .right {
      flex: 1;
      align-items: center; }
      .choice_area .main .choice-city .right a {
        display: block;
        width: 1.2829650748rem;
        height: 1.2829650748rem;
        background: url(../image/search-icon.png) no-repeat center;
        background-size: 1.2829650748rem;
        margin-right: 0.5702066999rem; }
      .choice_area .main .choice-city .right input {
        flex: 1;
        width: 100%;
        border: none;
        font-size: 1.1404133999rem;
        color: #333333;
        line-height: 1.5680684248rem;
        border: none; }
        .choice_area .main .choice-city .right input::-webkit-input-placeholder {
          color: #999999; }
  .choice_area .main .default .map {
    width: 100%;
    height: 20.6699928724rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1; }
  .choice_area .main .default .map-dite-list {
    background: white;
    box-shadow: 0px 0.142551675rem 0.4989308624rem 0px rgba(0, 0, 0, 0.06);
    border-radius: 0.5702066999rem 0.5702066999rem 0px 0px;
    padding: 0 1.0691375624rem;
    overflow-y: auto; }
    .choice_area .main .default .map-dite-list .item {
      position: relative;
      padding: 1.1404133999rem 0; }
      .choice_area .main .default .map-dite-list .item:after {
        content: '';
        position: absolute;
        background-color: #EDEDF0;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.5); }
      .choice_area .main .default .map-dite-list .item.active h2 {
        color: #DD1920;
        background: url(../image/select-site-icon_.png) no-repeat left center;
        background-size: 1.0691375624rem; }
      .choice_area .main .default .map-dite-list .item h2 {
        font-size: 1.1404133999rem;
        color: #666666;
        line-height: 1.5680684248rem;
        padding-left: 1.3542409123rem;
        background: url(../image/select-site-icon.png) no-repeat left center;
        background-size: 1.0691375624rem; }
      .choice_area .main .default .map-dite-list .item p {
        padding-left: 1.3542409123rem;
        font-size: 0.9265858874rem;
        color: #666666;
        line-height: 1.2829650748rem;
        padding-top: 0.6414825374rem;
        width: 17.4625801853rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .choice_area .main .search-list {
    padding: 0 1.0691375624rem;
    z-index: 99; }
    .choice_area .main .search-list .item {
      position: relative;
      padding: 1.2829650748rem 0; }
      .choice_area .main .search-list .item:last-child:after {
        display: none; }
      .choice_area .main .search-list .item:after {
        content: '';
        position: absolute;
        background-color: #EDEDF0;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.5); }
      .choice_area .main .search-list .item .left {
        flex: 1; }
        .choice_area .main .search-list .item .left h2 {
          font-size: 1.1404133999rem;
          color: #666666;
          line-height: 1.5680684248rem; }
          .choice_area .main .search-list .item .left h2 span {
            color: #dd1920; }
        .choice_area .main .search-list .item .left p {
          font-size: 0.9978617249rem;
          color: #999999;
          line-height: 1.4255167498rem;
          padding-top: 0.7127583749rem;
          width: 18.8168210976rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .choice_area .main .search-list .item a {
        font-size: 0.7840342124rem;
        color: #cccccc;
        line-height: 1.1404133999rem; }

.frame4 .header {
  height: 3.1361368496rem;
  background: #fff;
  position: relative; }
  .frame4 .header h2 {
    text-align: center;
    font-size: 1.2116892373rem;
    color: #333333;
    line-height: 3.1361368496rem; }
  .frame4 .header:after {
    content: '';
    position: absolute;
    background-color: #EDEDF0;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(0.5); }
.frame4 .main .msg-menu {
  background: #FFF;
  padding-left: 1.0691375624rem; }
  .frame4 .main .msg-menu.active {
    margin-top: 0.5702066999rem; }
  .frame4 .main .msg-menu .item {
    position: relative;
    align-items: center;
    height: 4.6329294369rem;
    padding-right: 1.0691375624rem; }
    .frame4 .main .msg-menu .item:last-child:after {
      display: none; }
    .frame4 .main .msg-menu .item:after {
      content: '';
      position: absolute;
      background-color: #EDEDF0;
      display: block;
      z-index: 15;
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      height: 1px;
      width: 100%;
      transform-origin: 50% 100%;
      transform: scaleY(0.5); }
    .frame4 .main .msg-menu .item span {
      display: block;
      width: 2.8510334996rem;
      height: 2.8510334996rem;
      background: url(../image/msg-menu-icon-1.png) no-repeat center;
      background-size: 2.8510334996rem;
      margin-right: 1.2829650748rem; }
      .frame4 .main .msg-menu .item span.menu-2 {
        background: url(../image/msg-menu-icon-2.png) no-repeat center;
        background-size: 2.8510334996rem; }
      .frame4 .main .msg-menu .item span.menu-3 {
        background: url(../image/msg-menu-icon-3.png) no-repeat center;
        background-size: 2.8510334996rem; }
      .frame4 .main .msg-menu .item span.menu-4 {
        background: url(../image/msg-menu-icon-4.png) no-repeat center;
        background-size: 2.8510334996rem; }
    .frame4 .main .msg-menu .item p {
      font-size: 1.1404133999rem;
      color: #333333;
      line-height: 1.5680684248rem;
      flex: 1; }
    .frame4 .main .msg-menu .item a {
      display: block;
      width: 0.8553100499rem;
      height: 0.8553100499rem;
      background: url(../image/more-arrows.png) no-repeat center;
      background-size: 0.8553100499rem; }

.system_msg .main {
  padding-bottom: 1.4255167498rem;
  min-height: 100vh;
  background: #F8F8F8; }
  .system_msg .main .no-msg {
    text-align: center;
    padding-top: 8.5531004989rem; }
    .system_msg .main .no-msg img {
      width: 9.2658588738rem;
      height: 7.840342124rem; }
    .system_msg .main .no-msg p {
      font-size: 1.0691375624rem;
      color: #333333;
      line-height: 1.4967925873rem;
      margin-top: 1.4255167498rem; }
  .system_msg .main .msg-list {
    padding: 0 1.0691375624rem; }
    .system_msg .main .msg-list .item .time {
      font-size: 0.8553100499rem;
      color: #999999;
      line-height: 1.2116892373rem;
      padding: 1.4255167498rem 0 0.7127583749rem 0;
      text-align: center; }
    .system_msg .main .msg-list .item .msg-main {
      background: white;
      box-shadow: 0px 0.142551675rem 0.4989308624rem 0px rgba(0, 0, 0, 0.03);
      border-radius: 0.5702066999rem;
      padding: 1.0691375624rem; }
      .system_msg .main .msg-list .item .msg-main .title {
        align-items: center; }
        .system_msg .main .msg-list .item .msg-main .title h2 {
          display: inline-block;
          font-size: 1.2829650748rem;
          color: #2f3134;
          line-height: 1.7818959373rem;
          position: relative; }
          .system_msg .main .msg-list .item .msg-main .title h2.active:after {
            content: '';
            background: #E00303;
            width: 0.5702066999rem;
            height: 0.5702066999rem;
            border-radius: 50%;
            position: absolute;
            top: 0;
            right: -0.6414825374rem; }
        .system_msg .main .msg-list .item .msg-main .title span {
          flex: 1;
          font-size: 1.0691375624rem;
          color: #666666;
          line-height: 1.4967925873rem;
          text-align: right; }
      .system_msg .main .msg-list .item .msg-main p {
        padding-top: 0.5702066999rem;
        font-size: 0.8553100499rem;
        color: #7a7a7a;
        line-height: 1.2829650748rem;
        max-height: 2.5659301497rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        position: relative; }
        .system_msg .main .msg-list .item .msg-main p a {
          display: block;
          width: 0.8553100499rem;
          height: 0.8553100499rem;
          background: url(../image/img/arrow_down_2.png) no-repeat center;
          background-size: 0.8553100499rem;
          position: absolute;
          right: 0;
          bottom: 0.5702066999rem; }
        .system_msg .main .msg-list .item .msg-main p.active {
          height: auto;
          display: block; }
          .system_msg .main .msg-list .item .msg-main p.active a {
            background: url(../image/img/arrow_up_2.png) no-repeat center;
            background-size: 0.8553100499rem; }
      .system_msg .main .msg-list .item .msg-main .msg-btn {
        position: relative;
        padding-top: 0.7840342124rem;
        margin-top: 1.0691375624rem; }
        .system_msg .main .msg-list .item .msg-main .msg-btn:after {
          content: '';
          position: absolute;
          background-color: #EDEDF0;
          display: block;
          z-index: 15;
          top: 0;
          right: auto;
          bottom: auto;
          left: 0;
          height: 1px;
          width: 100%;
          transform-origin: 50% 100%;
          transform: scaleY(0.5); }
        .system_msg .main .msg-list .item .msg-main .msg-btn span {
          display: inline-block;
          margin-right: 0.7127583749rem;
          text-align: center;
          width: 3.635067712rem;
          height: 1.6393442623rem;
          border-radius: 1.2829650748rem;
          border: 1px solid #e00303;
          font-size: 0.8553100499rem;
          color: #e00303;
          line-height: 1.6393442623rem; }
          .system_msg .main .msg-list .item .msg-main .msg-btn span:last-child {
            margin-right: 0; }
          .system_msg .main .msg-list .item .msg-main .msg-btn span.active {
            background: #e00303;
            color: #FFF; }

.chat_msg .main {
  min-height: 100vh;
  background: #F8F8F8;
  margin-top: 1px; }
  .chat_msg .main .friend-list .warpper {
    position: relative;
    overflow: hidden; }
  .chat_msg .main .friend-list .item {
    background: #FFF;
    padding-left: 1.0691375624rem;
    align-items: center;
    position: absolute;
    left: 0;
    width: 100%;
    box-sizing: border-box; }
    .chat_msg .main .friend-list .item:last-child .right:after {
      display: none; }
    .chat_msg .main .friend-list .item .left {
      width: 3.2074126871rem;
      height: 3.2074126871rem;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 3.2074126871rem;
      margin-right: 0.7127583749rem;
      border-radius: 50%;
      position: relative; }
      .chat_msg .main .friend-list .item .left span {
        display: block;
        width: 1.6393442623rem;
        height: 1.0691375624rem;
        border-radius: 1.2829650748rem;
        font-size: 0.6414825374rem;
        color: white;
        line-height: 1.0691375624rem;
        text-align: center;
        position: absolute;
        right: -0.4276550249rem;
        top: -0.4989308624rem;
        background: #E00303; }
    .chat_msg .main .friend-list .item .right {
      flex: 1;
      position: relative;
      padding-right: 1.0691375624rem;
      height: 5.1318602994rem; }
      .chat_msg .main .friend-list .item .right:after {
        content: '';
        position: absolute;
        background-color: #EDEDF0;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.5); }
      .chat_msg .main .friend-list .item .right h2 {
        align-items: center;
        font-size: 1.1404133999rem;
        color: #2f3134;
        line-height: 1.5680684248rem;
        flex: 1;
        padding-top: 0.8553100499rem; }
        .chat_msg .main .friend-list .item .right h2 span {
          font-size: 0.8553100499rem;
          color: #999999;
          line-height: 1.5680684248rem;
          flex: 1;
          text-align: end; }
      .chat_msg .main .friend-list .item .right p {
        width: 19.3157519601rem;
        padding-top: 0.28510335rem;
        font-size: 0.9265858874rem;
        color: #999999;
        line-height: 1.2829650748rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .chat_msg .main .friend-list .delete {
    float: right;
    width: 80px;
    top: 0;
    right: 0;
    line-height: 5.1318602994rem;
    background-color: #f00;
    color: #fff;
    text-align: center;
    height: 5.1318602994rem; }
  .chat_msg .main .friend-list .delete i.iconfont {
    font-size: 1em;
    padding-right: 5px; }
@keyframes noheight {
  0% {
    height: 5.1318602994rem;
    opacity: 1; }
  100% {
    height: 0;
    opacity: 0; } }
  .chat_msg .main .friend-list .noheight {
    animation: noheight .3s linear 0s forwards; }

.agreement_details {
  width: 100%;
  min-height: 100vh;
  background: #ffffff; }
  .agreement_details .text-mian {
    padding: 2.1382751247rem;
    font-size: 1.8531717748rem;
    font-weight: 400;
    color: #333333;
    line-height: 2.8510334996rem; }

.ptr--ptr {
  box-shadow: none !important; }

.ptr--icon {
  font-size: 1rem;
  background: url(image/img/circle-default.png);
  background-size: 100%; }

.spinner {
  margin: 0 auto;
  width: 150px;
  height: 15px;
  text-align: center;
  font-size: 10px; }

.spinner > div {
  /*background-color: #67CF22;*/
  background-color: #515463;
  height: 100%;
  width: 6px;
  margin: 0 2px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.4s infinite ease-in-out;
  animation: stretchdelay 1.4s infinite ease-in-out; }

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1); } }
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }
.btn {
  width: 23.1646471846rem;
  height: 3.2074126871rem;
  margin: 0 auto;
  border-radius: 1.5680684248rem;
  line-height: 3.2074126871rem;
  text-align: center;
  font-size: 1.1404133999rem; }
  .btn.full {
    background-image: linear-gradient(270deg, #DD1920 0%, #FF4C53 100%);
    color: #fff; }
  .btn.empty {
    width: 23.0220955096rem;
    height: 3.0648610121rem;
    color: #DD1920;
    border: 1px solid #DD1920; }
  .btn.t30 {
    margin-top: 2.1382751247rem; }
  .btn.t20 {
    margin-top: 1.4255167498rem; }
  .btn.oc5 {
    opacity: 0.5; }

.sbtn-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .sbtn-box.t15 {
    margin-top: 1.0691375624rem; }
  .sbtn-box .sbtn {
    width: 11.760513186rem;
    height: 3.2074126871rem;
    border-radius: 1.5680684248rem;
    line-height: 3.2074126871rem;
    text-align: center;
    font-size: 1.1404133999rem; }
    .sbtn-box .sbtn.full {
      background-image: linear-gradient(270deg, #DD1920 0%, #FF4C53 100%);
      color: #fff; }
    .sbtn-box .sbtn.empty {
      width: 11.617961511rem;
      height: 3.0648610121rem;
      color: #DD1920;
      border: 0.0712758375rem solid #DD1920; }

.gray-bg {
  width: 100%;
  height: 0.5702066999rem;
  background: #F4F5F6; }

.frame5 {
  background: url(../image/img/my_bg.png) #fff no-repeat;
  background-size: 100%; }
  .frame5 .header {
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.0691375624rem;
    margin-bottom: 0.3563791875rem; }
    .frame5 .header .header-icon {
      align-items: center;
      width: 100%;
      justify-content: flex-end; }
      .frame5 .header .header-icon img.setting {
        width: 1.4255167498rem;
        height: 1.4255167498rem;
        margin-right: 1.4967925873rem; }
      .frame5 .header .header-icon img.qr {
        width: 1.2829650748rem;
        height: 1.2829650748rem; }
    .frame5 .header .header-info {
      align-items: center;
      margin-top: 1.4255167498rem; }
      .frame5 .header .header-info .header-pic {
        background-size: 3.5637918746rem;
        background-repeat: no-repeat;
        width: 3.5637918746rem;
        height: 3.5637918746rem;
        border-radius: 50%;
        border: 0.142551675rem solid #fff;
        position: relative; }
        .frame5 .header .header-info .header-pic img {
          position: absolute;
          width: 1.4255167498rem;
          height: 1.4255167498rem;
          right: 0;
          bottom: 0; }
      .frame5 .header .header-info p {
        margin-left: 1.0691375624rem;
        font-size: 1.4255167498rem;
        color: #fff; }
    .frame5 .header .person-num {
      justify-content: space-around;
      margin-top: 1.9244476123rem; }
      .frame5 .header .person-num p {
        color: #fff;
        text-align: center; }
      .frame5 .header .person-num .person-item p.num {
        font-size: 1.2829650748rem;
        font-weight: bold; }
      .frame5 .header .person-num .person-item p.name {
        font-size: 0.8553100499rem; }
    .frame5 .header .my-order {
      width: 100%;
      height: 7.982893799rem;
      padding: 1.0691375624rem;
      box-sizing: border-box;
      background: #fff;
      border-radius: 0.7127583749rem;
      box-shadow: 0 0.142551675rem 0.9265858874rem 0 rgba(221, 221, 221, 0.5);
      margin-top: 0.9978617249rem; }
      .frame5 .header .my-order .title {
        width: 100%;
        height: 1.4967925873rem;
        line-height: 1.4967925873rem;
        align-items: center;
        justify-content: space-between; }
        .frame5 .header .my-order .title .name {
          color: #222;
          font-size: 1.0691375624rem;
          font-weight: bold; }
        .frame5 .header .my-order .title .more {
          font-size: 0.8553100499rem;
          color: #666;
          padding-right: 1.0691375624rem;
          background: url("../image/img/arrow-left.png") no-repeat right center;
          background-size: 0.8553100499rem; }
      .frame5 .header .my-order .card-box {
        justify-content: space-around;
        margin-top: 1.4255167498rem; }
        .frame5 .header .my-order .card-box .card-item {
          position: relative;
          text-align: center; }
          .frame5 .header .my-order .card-box .card-item img {
            width: 1.8531717748rem;
            height: 1.6393442623rem; }
          .frame5 .header .my-order .card-box .card-item p {
            font-size: 0.9265858874rem;
            color: #666; }
          .frame5 .header .my-order .card-box .card-item span {
            position: absolute;
            top: -0.7127583749rem;
            right: -0.7127583749rem;
            display: inline-block;
            width: 1.6393442623rem;
            height: 1.0691375624rem;
            line-height: 1.0691375624rem;
            background: #e00303;
            text-align: center;
            font-size: 0.6414825374rem;
            padding: 0 0.3563791875rem;
            border-radius: 0.7127583749rem;
            color: #fff; }
  .frame5 .main {
    background: #F8F8F8; }
    .frame5 .main .card {
      width: 100%;
      background: #fff;
      margin-bottom: 10px;
      box-sizing: border-box;
      padding: 0 1.4255167498rem; }
      .frame5 .main .card h4 {
        padding-top: 1.4255167498rem;
        font-size: 1.0691375624rem;
        color: #222222; }
      .frame5 .main .card .card-box {
        flex-wrap: wrap;
        padding-bottom: 1.4255167498rem; }
        .frame5 .main .card .card-box .card-item {
          width: 25%;
          text-align: center;
          margin-top: 1.4255167498rem; }
          .frame5 .main .card .card-box .card-item .pic-bg {
            width: 2.3521026372rem;
            height: 2.3521026372rem;
            margin: 0 auto; }
          .frame5 .main .card .card-box .card-item .pic-bg2 {
            width: 2.3521026372rem;
            height: 2.3521026372rem;
            margin: 0 auto; }
          .frame5 .main .card .card-box .card-item .item-1-1 {
            background: url("../image/img/my_card-1-1.png") no-repeat center center;
            background-size: 1.5680684248rem; }
          .frame5 .main .card .card-box .card-item .item-1-2 {
            background: url("../image/img/my_card-1-2.png") no-repeat center center;
            background-size: 2.3521026372rem; }
          .frame5 .main .card .card-box .card-item .item-1-3 {
            background: url("../image/img/my_card-1-3.png") no-repeat center center;
            background-size: 2.2808267997rem; }
          .frame5 .main .card .card-box .card-item .item-1-4 {
            background: url("../image/img/my_card-1-4.png") no-repeat center center;
            background-size: 2.2808267997rem; }
          .frame5 .main .card .card-box .card-item .item-1-5 {
            background: url("../image/img/my_card-1-5.png") no-repeat center center;
            background-size: 2.1382751247rem; }
          .frame5 .main .card .card-box .card-item .item-1-6 {
            background: url("../image/img/my_card-1-6.png") no-repeat center center;
            background-size: 2.3521026372rem; }
          .frame5 .main .card .card-box .card-item .item-1-7 {
            background: url("../image/img/my_card-1-7.png") no-repeat center center;
            background-size: 2.3521026372rem; }
          .frame5 .main .card .card-box .card-item .item-2-1 {
            background: url("../image/img/my_card-2-1.png") no-repeat center center;
            background-size: 2.1382751247rem; }
          .frame5 .main .card .card-box .card-item .item-2-2 {
            background: url("../image/img/my_card-2-2.png") no-repeat center center;
            background-size: 2.3521026372rem; }
          .frame5 .main .card .card-box .card-item .item-2-3 {
            background: url("../image/img/my_card-2-3.png") no-repeat center center;
            background-size: 2.2808267997rem; }
          .frame5 .main .card .card-box .card-item .item-2-4 {
            background: url("../image/img/my_card-2-4.png") no-repeat center center;
            background-size: 2.2808267997rem; }
          .frame5 .main .card .card-box .card-item .item-3-1 {
            background: url("../image/img/my_card-3-1.png") no-repeat center center;
            background-size: 2.1382751247rem; }
          .frame5 .main .card .card-box .card-item .item-3-2 {
            background: url("../image/img/my_card-3-2.png") no-repeat center center;
            background-size: 2.3521026372rem; }
          .frame5 .main .card .card-box .card-item .item-3-3 {
            background: url("../image/img/my_card-3-3.png") no-repeat center center;
            background-size: 2.2808267997rem; }
          .frame5 .main .card .card-box .card-item .item-3-4 {
            background: url("../image/img/my_card-3-4.png") no-repeat center center;
            background-size: 2.2808267997rem; }
          .frame5 .main .card .card-box .card-item p {
            margin-top: 0.3563791875rem;
            font-size: 0.9265858874rem;
            color: #666666; }

/*用户信息*/
.personal_data .main .info-item {
  padding: 0 1.0691375624rem;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
  height: 3.5637918746rem; }
  .personal_data .main .info-item.head-info {
    height: 4.6329294369rem; }
  .personal_data .main .info-item:after {
    content: '';
    position: absolute;
    background-color: #DFDFDF;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(0.33); }
  .personal_data .main .info-item .item-left {
    font-size: 1.0691375624rem;
    line-height: 1.1; }
    .personal_data .main .info-item .item-left span {
      color: #E00303; }
    .personal_data .main .info-item .item-left i {
      color: #999999;
      font-size: 0.8553100499rem; }
  .personal_data .main .info-item .item-right {
    flex: 1;
    -webkit-box-align: center;
    align-items: center;
    width: auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .personal_data .main .info-item .item-right .personal-portrait {
      width: 2.8510334996rem;
      height: 2.8510334996rem;
      margin-right: 0.3563791875rem; }
      .personal_data .main .info-item .item-right .personal-portrait img {
        width: 100%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
    .personal_data .main .info-item .item-right p {
      font-size: 1.0691375624rem;
      color: #333;
      line-height: 1.1;
      overflow: hidden;
      /*超出部分隐藏*/
      text-overflow: ellipsis;
      /* 超出部分显示省略号 */
      white-space: nowrap;
      /*规定段落中的文本不进行换行 */
      width: 14.2551674982rem;
      /*需要配合宽度来使用*/
      text-align: right; }
      .personal_data .main .info-item .item-right p.red {
        color: #E00303; }
      .personal_data .main .info-item .item-right p.yellow {
        color: #FAA632; }
    .personal_data .main .info-item .item-right input {
      text-align: right;
      width: 100%; }
    .personal_data .main .info-item .item-right span {
      display: inline-block;
      width: 0.7127583749rem;
      height: 1.4255167498rem;
      background-image: url(../image/setting-arrows.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }

.browsing_history .item {
  padding: 0 1.0691375624rem;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 0;
  height: 8.1967213115rem;
  margin-top: 1.0691375624rem; }
  .browsing_history .item .pic {
    width: 7.1275837491rem;
    height: 7.1275837491rem;
    margin-right: 0.7127583749rem; }
    .browsing_history .item .pic img {
      width: 100%;
      height: 100%;
      border-radius: 0.7127583749rem; }
  .browsing_history .item .text {
    width: 16.7498218104rem;
    flex-wrap: wrap;
    border-bottom: 1px solid #ededf0;
    padding-bottom: 1.0691375624rem;
    height: 7.1275837491rem;
    position: relative; }
    .browsing_history .item .text .title {
      font-size: 1.1404133999rem;
      color: #2C3540;
      letter-spacing: 0.0163934426rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      padding: 0;
      height: 5.7020669993rem; }
    .browsing_history .item .text .info {
      justify-content: space-between;
      width: 100%;
      height: 1.2116892373rem;
      position: absolute;
      bottom: 1.0691375624rem; }
      .browsing_history .item .text .info .person {
        align-items: center; }
        .browsing_history .item .text .info .person img {
          width: 1.2829650748rem;
          height: 1.2829650748rem;
          border-radius: 50%;
          display: block;
          margin-right: 0.4276550249rem; }
        .browsing_history .item .text .info .person p {
          font-size: 0.8553100499rem;
          color: #333333;
          line-height: 1.1; }
      .browsing_history .item .text .info .num {
        align-items: center; }
        .browsing_history .item .text .info .num img {
          width: 0.7127583749rem;
          height: 0.4989308624rem;
          display: block;
          margin-right: 0.4276550249rem; }
        .browsing_history .item .text .info .num p {
          font-size: 0.8553100499rem;
          color: #333333;
          line-height: 1.1; }

.my_money {
  background: #F8F8F8; }
  .my_money .info-card {
    padding: 1.4255167498rem 1.0691375624rem;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 0.5702066999rem; }
    .my_money .info-card .card {
      width: 100%;
      background: url("../image/img/money_bg.png") no-repeat;
      background-size: 100%;
      height: 17.9615110478rem;
      padding: 1.0691375624rem;
      box-sizing: border-box;
      color: #fff; }
      .my_money .info-card .card .mark {
        width: 1.2829650748rem;
        height: 1.2829650748rem;
        float: right; }
      .my_money .info-card .card .detail {
        margin-top: 1.4255167498rem;
        align-items: flex-end;
        height: 3.1361368496rem;
        margin-bottom: 0.9978617249rem; }
        .my_money .info-card .card .detail .num {
          font-size: 1.9957234498rem;
          line-height: 1.1;
          margin-right: 0.3563791875rem; }
          .my_money .info-card .card .detail .num span {
            font-size: 1.4255167498rem; }
      .my_money .info-card .card .earnings {
        margin-top: 1.0691375624rem;
        padding-bottom: 1.5680684248rem;
        border-bottom: 1px dashed #c9b3b3; }
        .my_money .info-card .card .earnings .yesterday {
          width: 50%;
          color: #fff; }
          .my_money .info-card .card .earnings .yesterday .num {
            font-size: 1.2116892373rem; }
            .my_money .info-card .card .earnings .yesterday .num span {
              font-size: 0.6414825374rem; }
      .my_money .info-card .card .info {
        font-size: 0.7840342124rem;
        line-height: 1.6;
        margin-top: 1.4255167498rem; }
        .my_money .info-card .card .info .num {
          font-size: 1.2116892373rem;
          height: 1.7106200998rem;
          line-height: 1.7106200998rem; }
        .my_money .info-card .card .info .desc {
          margin-top: 0.3563791875rem;
          font-size: 0.7840342124rem; }
  .my_money .list {
    background: #fff; }
    .my_money .list h4 {
      width: 100%;
      height: 4.347826087rem;
      line-height: 4.347826087rem;
      padding: 0 0.9978617249rem;
      box-sizing: border-box;
      font-size: 1.2116892373rem;
      color: #333;
      border-bottom: 1px solid #ededf0; }
    .my_money .list .detail-item {
      align-items: center;
      border-bottom: 1px solid #ededf0;
      width: 100%;
      height: 4.347826087rem;
      padding: 0 0.9978617249rem;
      box-sizing: border-box; }
      .my_money .list .detail-item .left {
        flex: 1; }
        .my_money .list .detail-item .left .name {
          font-size: 1.0691375624rem;
          color: #333; }
        .my_money .list .detail-item .left .date {
          font-size: 0.8553100499rem;
          color: #BBBBBB; }
      .my_money .list .detail-item .middle {
        margin-right: 0.7127583749rem; }
        .my_money .list .detail-item .middle .num {
          font-size: 0.9978617249rem;
          color: #333;
          text-align: right; }
        .my_money .list .detail-item .middle .status {
          font-size: 0.9265858874rem;
          color: #666;
          text-align: right; }
      .my_money .list .detail-item .right {
        width: 0.7127583749rem;
        height: 1.4255167498rem; }
        .my_money .list .detail-item .right img {
          width: 100%;
          height: 100%; }
  .my_money .alert-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, 0.4); }
    .my_money .alert-box .alert {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 20.5987170349rem;
      height: 21.8104062723rem;
      background: #fff;
      border-radius: 0.7127583749rem;
      padding: 1.0691375624rem;
      box-sizing: border-box;
      overflow-y: scroll; }
      .my_money .alert-box .alert h4 {
        color: #2F3134;
        font-size: 1.1404133999rem;
        text-align: center;
        padding: 1.0691375624rem 0; }
      .my_money .alert-box .alert .desc p {
        font-size: 0.9978617249rem;
        color: #2F3134; }

.get_money {
  background: #F8F8F8;
  min-height: 100vh; }
  .get_money .main .sum {
    background: #fff;
    padding: 1.0691375624rem;
    box-sizing: border-box; }
    .get_money .main .sum .title {
      font-size: 1.1404133999rem;
      color: #333; }
    .get_money .main .sum .num {
      font-size: 1.4255167498rem;
      font-weight: bold;
      color: #333;
      margin-top: 0.7127583749rem;
      padding-bottom: 1.1404133999rem;
      border-bottom: 1px solid #EDEDF0; }
      .get_money .main .sum .num input {
        font-weight: 400;
        font-size: 1.1404133999rem;
        width: 21.3827512473rem; }
    .get_money .main .sum .desc {
      font-size: 0.8553100499rem;
      color: #999;
      margin-top: 0.5702066999rem; }
  .get_money .main .select {
    background: #fff;
    padding: 1.0691375624rem;
    box-sizing: border-box;
    padding-right: 2.2095509622rem;
    margin-top: 0.5702066999rem; }
    .get_money .main .select .title {
      font-size: 1.1404133999rem;
      color: #333; }
    .get_money .main .select .style {
      align-items: center;
      margin-top: 1.7106200998rem; }
      .get_money .main .select .style img.card {
        width: 1.6393442623rem;
        height: 1.3542409123rem; }
      .get_money .main .select .style img.alipay {
        width: 1.9244476123rem;
        height: 1.9244476123rem; }
      .get_money .main .select .style img {
        margin-right: 0.8553100499rem; }
      .get_money .main .select .style p {
        font-size: 0.9978617249rem;
        color: #262626;
        flex: 1; }
      .get_money .main .select .style span {
        display: block;
        width: 1.2116892373rem;
        height: 1.2116892373rem;
        background: url("../image/img/select-no.png") no-repeat;
        background-size: 1.2116892373rem; }
        .get_money .main .select .style span.active {
          background: url("../image/img/select-yes.png") no-repeat;
          background-size: 1.2116892373rem; }
  .get_money .main .account {
    background: #fff;
    padding: 1.0691375624rem;
    box-sizing: border-box;
    margin-top: 0.5702066999rem; }
    .get_money .main .account .title {
      font-size: 1.1404133999rem;
      color: #333; }
    .get_money .main .account .card {
      background: url("../image/more-arrows.png") no-repeat center right;
      background-size: 0.8553100499rem;
      padding: 1.4255167498rem 0;
      border-bottom: 1px solid #EDEDF0;
      font-size: 0.9978617249rem;
      color: #666; }
    .get_money .main .account .name {
      width: 100%;
      height: 2.1382751247rem;
      margin: 0.7127583749rem 0; }
      .get_money .main .account .name input {
        width: 100%;
        height: 2.1382751247rem;
        line-height: 1.4255167498rem;
        font-size: 0.9978617249rem; }
  .get_money .submit {
    width: 100%;
    height: 3.920171062rem;
    background: #fff;
    padding-top: 0.4989308624rem;
    box-sizing: border-box;
    position: fixed;
    bottom: 0; }

.give_money {
  background: #F8F8F8;
  min-height: 100vh; }
  .give_money .sum {
    background: #fff;
    padding: 1.0691375624rem;
    box-sizing: border-box; }
    .give_money .sum .title {
      font-size: 1.1404133999rem;
      color: #333; }
    .give_money .sum .num {
      font-size: 1.4255167498rem;
      font-weight: bold;
      color: #333;
      margin-top: 0.7127583749rem;
      padding-bottom: 1.1404133999rem;
      border-bottom: 1px solid #EDEDF0; }
      .give_money .sum .num input {
        font-weight: 400;
        font-size: 1.1404133999rem;
        width: 21.3827512473rem; }
    .give_money .sum .desc {
      font-size: 0.8553100499rem;
      color: #999;
      margin-top: 0.5702066999rem; }
  .give_money .submit {
    width: 100%;
    margin-top: 8.267997149rem; }

.user-contants {
  background: #F7F6F6;
  min-height: 100vh;
  overflow: hidden; }
  .user-contants .main .msg-list .wrapper {
    position: relative;
    height: 5.1318602994rem;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2; }
    .user-contants .main .msg-list .wrapper .container {
      position: absolute;
      left: 0;
      width: 100%;
      height: 5.1318602994rem;
      padding: 1.0691375624rem;
      box-sizing: border-box;
      background: #fff;
      align-items: center; }
      .user-contants .main .msg-list .wrapper .container .head-pic {
        position: relative;
        margin-right: 1.0691375624rem; }
        .user-contants .main .msg-list .wrapper .container .head-pic img {
          width: 2.8510334996rem;
          height: 2.8510334996rem;
          border-radius: 50%; }
        .user-contants .main .msg-list .wrapper .container .head-pic span {
          position: absolute;
          display: block;
          top: -0.3563791875rem;
          right: -1.0691375624rem;
          height: 1.0691375624rem;
          border-radius: 0.5702066999rem;
          background: #E00303;
          font-size: 0.6414825374rem;
          color: #fff;
          line-height: 1.0691375624rem;
          padding: 0 0.3563791875rem;
          text-align: center; }
      .user-contants .main .msg-list .wrapper .container p.name {
        font-size: 1.1404133999rem;
        color: #2F3134; }
  .user-contants .main .msg-list .delete {
    float: right;
    width: 80px;
    top: 0;
    right: 0;
    line-height: 5.1318602994rem;
    background-color: #f00;
    color: #fff;
    text-align: center;
    height: 5.1318602994rem; }
  .user-contants .main .msg-list .delete i.iconfont {
    font-size: 1em;
    padding-right: 5px; }
@keyframes noheight {
  0% {
    height: 5.1318602994rem;
    opacity: 1; }
  100% {
    height: 0;
    opacity: 0; } }
  .user-contants .main .msg-list .noheight {
    animation: noheight .3s linear 0s forwards; }
  .user-contants .pop-window {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    right: 0;
    background: rgba(0, 0, 0, 0.39);
    z-index: 101; }
    .user-contants .pop-window .apply-for {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #fff;
      width: 19.2444761226rem;
      background: white;
      border-radius: 0.4276550249rem; }
      .user-contants .pop-window .apply-for .top {
        padding: 1.4255167498rem 1.0691375624rem 1.5680684248rem 1.0691375624rem; }
        .user-contants .pop-window .apply-for .top h2 {
          font-size: 1.0691375624rem;
          color: #333333;
          line-height: 1.4967925873rem;
          text-align: center; }
        .user-contants .pop-window .apply-for .top p {
          font-size: 0.9265858874rem;
          color: #999999;
          line-height: 1.2829650748rem;
          padding-top: 1.4255167498rem; }
        .user-contants .pop-window .apply-for .top .remark {
          height: 2.8510334996rem;
          background: #f8f8f8;
          border-radius: 0.28510335rem;
          padding: 0.7127583749rem 1.0691375624rem 0.6414825374rem 1.0691375624rem;
          box-sizing: border-box;
          font-size: 1.0691375624rem;
          color: #666666;
          align-items: center; }
          .user-contants .pop-window .apply-for .top .remark input {
            width: 100%;
            background-color: transparent;
            border: none;
            line-height: 1.1; }
      .user-contants .pop-window .apply-for .pop-btn {
        height: 3.5637918746rem;
        align-items: center;
        position: relative; }
        .user-contants .pop-window .apply-for .pop-btn:after {
          content: '';
          position: absolute;
          background-color: #EDEDF0;
          display: block;
          z-index: 15;
          top: 0;
          right: auto;
          bottom: auto;
          left: 0;
          height: 1px;
          width: 100%;
          transform-origin: 50% 100%;
          transform: scaleY(0.5); }
        .user-contants .pop-window .apply-for .pop-btn span {
          width: 50%;
          flex: 1;
          font-size: 1.2829650748rem;
          color: #333333;
          line-height: 3.5637918746rem;
          text-align: center; }
          .user-contants .pop-window .apply-for .pop-btn span.active {
            color: #E00303;
            border-left: 1px solid #DADADA; }

.my_sign {
  background: url(../image/img/my_bg.png) #fff no-repeat;
  background-size: 100%;
  min-height: 100vh; }
  .my_sign .header .title {
    font-size: 1.2116892373rem;
    font-weight: 500;
    text-align: center;
    color: #fff;
    position: relative; }
    .my_sign .header .title img {
      display: block;
      width: 1.5680684248rem;
      height: 1.5680684248rem;
      position: absolute;
      left: 1.4255167498rem;
      top: 50%;
      transform: translateY(-50%); }
  .my_sign .main {
    margin-top: 1.7818959373rem; }
    .my_sign .main .num {
      font-size: 1.2116892373rem;
      color: #fff;
      text-align: center; }
    .my_sign .main .calendar-box {
      width: 24.5901639344rem;
      background: white;
      box-shadow: 0px 0.2138275125rem 0.5702066999rem 0px rgba(216, 211, 204, 0.5);
      -moz-border-radius: 0.7127583749rem;
      -webkit-border-radius: 0.7127583749rem;
      border-radius: 0.7127583749rem;
      margin: 0 auto;
      margin-top: 1.6393442623rem;
      margin-bottom: 1.0691375624rem; }
      .my_sign .main .calendar-box .layui-inline {
        width: 100%;
        padding: 0 1.0691375624rem 0.7127583749rem 1.0691375624rem;
        box-sizing: border-box; }
        .my_sign .main .calendar-box .layui-inline .layui-laydate {
          width: 100%;
          border: none;
          box-shadow: none; }
          .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main {
            width: 100%; }
            .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-header {
              margin-top: 0.9978617249rem;
              line-height: 1.4;
              border-bottom: none;
              font-size: 1.2829650748rem;
              color: #553400;
              font-weight: 600; }
              .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-header i {
                position: absolute;
                top: 60%;
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                color: #333;
                font-size: 1.2116892373rem;
                font-weight: 600;
                display: none; }
                .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-header i.laydate-prev-y {
                  display: none; }
                .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-header i.laydate-next-y {
                  display: none; }
            .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content {
              padding-top: 1.1404133999rem;
              padding-bottom: 0;
              padding-left: 0;
              padding-right: 0; }
              .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table {
                width: 100%; }
                .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table thead tr th {
                  font-size: 1.0691375624rem; }
                .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td {
                  width: 2.9935851746rem !important;
                  height: 2.9935851746rem !important;
                  box-sizing: content-box;
                  border-radius: 50%;
                  padding: 0 !important;
                  font-size: 0.9265858874rem;
                  transition-duration: 0; }
                  .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td span {
                    position: initial;
                    width: auto;
                    height: auto;
                    font-size: 0.9978617249rem; }
                    .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td span.laydate-day-mark {
                      position: initial;
                      width: auto;
                      height: auto;
                      font-size: 0.9978617249rem; }
                      .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td span.laydate-day-mark p {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        text-align: center;
                        display: block;
                        z-index: 99999;
                        background: url("../image/img/clocked.png") no-repeat center center;
                        background-size: 3.9914468995rem; }
                        .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td span.laydate-day-mark p a {
                          width: 0.5702066999rem;
                          height: 0.5702066999rem;
                          background-color: transparent;
                          -moz-border-radius: 50%;
                          -webkit-border-radius: 50%;
                          border-radius: 50%;
                          margin-left: -0.142551675rem; }
                          .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td span.laydate-day-mark p a:last-child {
                            margin-left: 0; }
                          .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td span.laydate-day-mark p a.green {
                            display: inline-block;
                            background: #26cb43; }
                          .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td span.laydate-day-mark p a.bule {
                            display: inline-block;
                            background: #4487ff; }
                          .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td span.laydate-day-mark p a.pink {
                            display: inline-block;
                            background: #ff5d53; }
                          .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td span.laydate-day-mark p a.orange {
                            display: inline-block;
                            background: #8B1AFF; }
                    .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td span:after {
                      display: none; }
                  .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td.layui-this {
                    background-color: transparent !important;
                    background-image: url(../image/img/clocking.png);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 3.9914468995rem;
                    color: #fff !important;
                    -moz-border-radius: 50%;
                    -webkit-border-radius: 50%;
                    border-radius: 50%; }
                    .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td.layui-this span {
                      position: initial;
                      width: auto;
                      height: auto;
                      font-size: 0.9978617249rem; }
                      .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content table tbody tr td.layui-this span:after {
                        display: none;
                        /*position: absolute;
                        content: '';
                        top: torem(75px);
                        left: 50%;
                        transform: translateX(-50%);
                        width: torem(16px);
                        height: torem(16px);
                        border-radius: 50%;
                        background-color: #FF7D00;*/ }
              .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content ul li {
                font-size: 1.0691375624rem; }
                .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-main .layui-laydate-content ul li.layui-this {
                  background: #FF9F1A !important; }
          .my_sign .main .calendar-box .layui-inline .layui-laydate .layui-laydate-footer {
            display: none !important; }
      .my_sign .main .calendar-box .layui-inline {
        position: relative;
        width: 100%; }
        .my_sign .main .calendar-box .layui-inline .btn-prev {
          position: absolute;
          width: 2.1382751247rem;
          height: 2.1382751247rem;
          background-color: transparent;
          top: 1.6393442623rem;
          left: 1.0691375624rem;
          background-image: url(../image/img/arrow_left.png);
          background-position: center;
          background-repeat: no-repeat;
          z-index: 100; }
        .my_sign .main .calendar-box .layui-inline .btn-next {
          position: absolute;
          width: 2.1382751247rem;
          height: 2.1382751247rem;
          background-color: transparent;
          top: 1.6393442623rem;
          right: 1.0691375624rem;
          background-image: url(../image/img/arrow_right.png);
          background-position: center;
          background-repeat: no-repeat;
          z-index: 100; }
        .my_sign .main .calendar-box .layui-inline .ward-off {
          position: absolute;
          top: 1.4255167498rem;
          left: 50%;
          transform: translateX(-50%);
          height: 2.8510334996rem;
          width: 17.8189593728rem;
          margin: 0 auto;
          background-color: transparent;
          z-index: 100; }
      .my_sign .main .calendar-box .have-learn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        padding: 1.0691375624rem 1.4255167498rem;
        position: relative; }
        .my_sign .main .calendar-box .have-learn:after {
          content: '';
          position: absolute;
          background-color: #DFDDDB;
          display: block;
          z-index: 15;
          top: 0;
          right: auto;
          bottom: auto;
          left: 0;
          height: 1px;
          width: 100%;
          transform-origin: 50% -100%;
          transform: scaleY(0.5); }
        .my_sign .main .calendar-box .have-learn.have-learn-en {
          display: normal; }
          .my_sign .main .calendar-box .have-learn.have-learn-en .have-learn-warp {
            flex: 1; }
            .my_sign .main .calendar-box .have-learn.have-learn-en .have-learn-warp .learn-case .title {
              flex: 1; }
        .my_sign .main .calendar-box .have-learn .learn-case {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          align-items: center;
          flex: 1; }
          .my_sign .main .calendar-box .have-learn .learn-case .title {
            font-size: 0.9978617249rem;
            color: #553400;
            line-height: 1.1;
            padding-right: 1.4255167498rem; }
          .my_sign .main .calendar-box .have-learn .learn-case .class-number {
            font-size: 0.9265858874rem;
            color: #999591;
            line-height: 1.1; }
            .my_sign .main .calendar-box .have-learn .learn-case .class-number span {
              color: #FF9F1A; }
        .my_sign .main .calendar-box .have-learn .arrows-btn {
          width: 1.2116892373rem;
          height: 1.2116892373rem;
          background-image: url(../image/img/arrow_right.png);
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          margin-left: 0.9978617249rem; }
        .my_sign .main .calendar-box .have-learn a {
          display: inline-block;
          padding-left: 0.9265858874rem;
          padding-right: 1.7818959373rem;
          font-size: 0.9265858874rem;
          color: #999591;
          line-height: 1.1;
          position: relative; }
          .my_sign .main .calendar-box .have-learn a.hint-en {
            padding-left: 0.9265858874rem;
            padding-right: 0.9265858874rem; }
          .my_sign .main .calendar-box .have-learn a:before {
            content: '';
            width: 0.5702066999rem;
            height: 0.5702066999rem;
            background: #26cb43;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%); }
          .my_sign .main .calendar-box .have-learn a.bule:before {
            background: #4487FF; }
          .my_sign .main .calendar-box .have-learn a.pink:before {
            background: #FF5D53; }
          .my_sign .main .calendar-box .have-learn a.orange:before {
            background: #8B1AFF; }
    .my_sign .main .click-btn {
      width: 6.9850320741rem;
      height: 2.5659301497rem;
      margin: 2.1382751247rem auto;
      line-height: 2.5659301497rem;
      text-align: center;
      color: #fff;
      background: linear-gradient(270deg, #dd1920 0%, #ff4c53 100%);
      border-radius: 1.2829650748rem; }
      .my_sign .main .click-btn.active {
        background: #F29196; }

.share_pop_frm {
  height: 100vh;
  background: rgba(0, 0, 0, 0.49); }
  .share_pop_frm .share-pop-box {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #F8F8F8; }
    .share_pop_frm .share-pop-box .title {
      background: #fff;
      border-radius: 0.7127583749rem 0.7127583749rem 0 0;
      padding: 1.0691375624rem 0.7127583749rem;
      font-size: 1.2829650748rem;
      color: #17181A;
      line-height: 1.3888;
      position: relative;
      text-align: center; }
      .share_pop_frm .share-pop-box .title:after {
        content: '';
        position: absolute;
        background-color: #DFDFDF;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.5); }
      .share_pop_frm .share-pop-box .title span {
        display: inline-block;
        width: 0.9978617249rem;
        height: 0.9978617249rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 0.9978617249rem;
        position: absolute;
        left: 1.1404133999rem;
        top: 50%;
        transform: translateY(-50%);
        padding: 0.5702066999rem; }
      .share_pop_frm .share-pop-box .title a {
        display: inline-block;
        font-size: 0.8553100499rem;
        color: #FF7D00;
        line-height: 1.3888;
        position: absolute;
        right: 1.1404133999rem;
        top: 50%;
        transform: translateY(-50%);
        padding: 0.5702066999rem; }
    .share_pop_frm .share-pop-box .pop-main {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      padding: 1.8531717748rem 0 1.4967925873rem 0;
      background: #fff; }
      .share_pop_frm .share-pop-box .pop-main .item {
        width: 33.33%;
        text-align: center;
        margin-bottom: 1.4967925873rem; }
        .share_pop_frm .share-pop-box .pop-main .item .pic-icon {
          width: 2.8510334996rem;
          margin: 0 auto; }
          .share_pop_frm .share-pop-box .pop-main .item .pic-icon img {
            width: 100%;
            border-radius: 50%; }
        .share_pop_frm .share-pop-box .pop-main .item span {
          padding-top: 0.7840342124rem;
          font-size: 0.9265858874rem;
          color: #5C6066;
          line-height: 1.3846; }
    .share_pop_frm .share-pop-box .pay-pop-main {
      background: #fff;
      border-radius: 0.7127583749rem 0.7127583749rem 0 0; }
      .share_pop_frm .share-pop-box .pay-pop-main .item {
        padding: 1.0691375624rem 0 0.9978617249rem 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
        text-align: center; }
        .share_pop_frm .share-pop-box .pay-pop-main .item .item-cen {
          width: 7.1275837491rem;
          margin: 0 auto;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          align-items: center;
          text-align: center; }
        .share_pop_frm .share-pop-box .pay-pop-main .item:last-child:after {
          display: none; }
        .share_pop_frm .share-pop-box .pay-pop-main .item:after {
          content: '';
          position: absolute;
          background-color: #DFDFDF;
          display: block;
          z-index: 15;
          top: auto;
          right: auto;
          bottom: 0;
          left: 0;
          height: 1px;
          width: 100%;
          transform-origin: 50% 100%;
          transform: scaleY(0.5); }
        .share_pop_frm .share-pop-box .pay-pop-main .item a {
          display: inline-block;
          width: 2.1382751247rem;
          height: 2.1382751247rem;
          background-image: url(../image/img/select-icon-2.png);
          background-repeat: no-repeat;
          background-position: center;
          background-size: 1.9244476123rem;
          margin-right: 0.5702066999rem; }
          .share_pop_frm .share-pop-box .pay-pop-main .item a.wx-pay {
            background-image: url(../image/img/select-icon-3.png);
            background-size: 1.9244476123rem; }
          .share_pop_frm .share-pop-box .pay-pop-main .item a.card-pay {
            background-image: url(../image/img/select-icon-1.png);
            background-size: 1.6393442623rem; }
        .share_pop_frm .share-pop-box .pay-pop-main .item p {
          font-size: 1.0691375624rem;
          color: #101D37;
          line-height: 1.4;
          width: 3.635067712rem;
          text-align: center; }
    .share_pop_frm .share-pop-box .close {
      width: 100%;
      height: 3.3499643621rem;
      line-height: 3.3499643621rem;
      text-align: center;
      color: #999999;
      font-size: 0.9978617249rem;
      background: #fff;
      margin-top: 0.5702066999rem; }

.my_integral .info-card {
  padding: 1.4255167498rem 1.0691375624rem;
  box-sizing: border-box;
  background: #fff;
  margin-bottom: 0.5702066999rem; }
  .my_integral .info-card .card {
    width: 100%;
    background: url("../image/img/integral_bg.png") no-repeat;
    background-size: 100%;
    height: 12.9722024234rem;
    padding: 1.0691375624rem;
    box-sizing: border-box;
    color: #fff; }
    .my_integral .info-card .card .mark {
      width: 1.2829650748rem;
      height: 1.2829650748rem;
      float: right; }
    .my_integral .info-card .card .detail {
      margin-top: 1.4255167498rem;
      align-items: flex-end;
      height: 3.1361368496rem;
      margin-bottom: 0.9978617249rem; }
      .my_integral .info-card .card .detail .num {
        font-size: 1.9957234498rem;
        line-height: 1.1;
        margin-right: 0.3563791875rem; }
        .my_integral .info-card .card .detail .num span {
          font-size: 0.9265858874rem;
          margin-left: 0.3563791875rem; }
    .my_integral .info-card .card .info {
      font-size: 0.7840342124rem;
      line-height: 1.6;
      margin-top: 2.8510334996rem; }
      .my_integral .info-card .card .info .num {
        font-size: 1.2116892373rem;
        height: 1.7106200998rem;
        line-height: 1.7106200998rem; }
      .my_integral .info-card .card .info .desc {
        margin-top: 0.3563791875rem;
        font-size: 0.7840342124rem; }
.my_integral .alert-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: rgba(0, 0, 0, 0.4); }
  .my_integral .alert-box .alert {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 19.2444761226rem;
    height: 15.4668567356rem;
    background: #fff;
    border-radius: 0.7127583749rem;
    padding: 0;
    overflow: hidden; }
    .my_integral .alert-box .alert .top {
      padding: 1.0691375624rem;
      box-sizing: border-box; }
      .my_integral .alert-box .alert .top h4 {
        font-size: 1.0691375624rem;
        color: #333;
        text-align: center;
        height: 1.7106200998rem;
        line-height: 1.7106200998rem; }
      .my_integral .alert-box .alert .top .num {
        margin-top: 0.3563791875rem;
        font-size: 0.9265858874rem;
        color: #999999;
        text-align: center; }
        .my_integral .alert-box .alert .top .num span {
          color: #E00303; }
      .my_integral .alert-box .alert .top .inp-bg {
        width: 100%;
        height: 2.8510334996rem;
        background: #F8F8F8;
        margin: 0 auto; }
        .my_integral .alert-box .alert .top .inp-bg input {
          width: 100%;
          height: 100%;
          padding: 0.7127583749rem;
          box-sizing: border-box; }
      .my_integral .alert-box .alert .top .desc {
        font-size: 0.7840342124rem;
        color: #BBBBBB;
        margin-top: 0.4989308624rem; }
    .my_integral .alert-box .alert .btn-box {
      width: 100%;
      border-top: 0.0712758375rem solid #DADADA;
      height: 2.8510334996rem; }
      .my_integral .alert-box .alert .btn-box p {
        width: 50%;
        height: 2.9935851746rem;
        line-height: 2.9935851746rem;
        text-align: center;
        font-size: 1.2829650748rem;
        color: #333333; }
        .my_integral .alert-box .alert .btn-box p.sure {
          color: #E00303;
          border-left: 1px solid #DADADA; }

.integral_mall .sereen-header {
  justify-content: space-around; }
  .integral_mall .sereen-header .sereen-condition {
    width: auto; }
    .integral_mall .sereen-header .sereen-condition span {
      display: inline-block;
      height: 2.4233784747rem;
      line-height: 2.4946543122rem; }
      .integral_mall .sereen-header .sereen-condition span.active {
        border-bottom: 0.2138275125rem solid #dd1920; }
.integral_mall .public-hot-shop .shop-list .item .right .sales-volume a:before {
  content: ""; }

.classify_frm {
  height: 100vh;
  background: rgba(0, 0, 0, 0.49); }
  .classify_frm .classify-pop-box {
    width: 17.8189593728rem;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    border-radius: 0.5702066999rem 0 0 0.5702066999rem; }
    .classify_frm .classify-pop-box .title {
      padding: 2.1382751247rem 1.0691375624rem 1.0691375624rem 1.0691375624rem;
      box-sizing: border-box;
      font-size: 1.1404133999rem;
      color: #333333;
      line-height: 1.1; }
    .classify_frm .classify-pop-box .classify-list {
      position: relative; }
      .classify_frm .classify-pop-box .classify-list ul {
        align-items: center;
        flex-wrap: wrap; }
        .classify_frm .classify-pop-box .classify-list ul li {
          padding: 0 1.7818959373rem;
          background: #F6F6F6;
          border-radius: 0.142551675rem;
          margin-top: 1.0691375624rem;
          margin-left: 1.0691375624rem;
          height: 2.1382751247rem;
          line-height: 2.1382751247rem;
          font-size: 0.9265858874rem; }
          .classify_frm .classify-pop-box .classify-list ul li.active {
            background: rgba(224, 3, 3, 0.03);
            color: #E00303;
            border: 1px solid rgba(224, 3, 3, 0.4); }
    .classify_frm .classify-pop-box .btn-box {
      width: 15.680684248rem;
      justify-content: space-between;
      position: absolute;
      bottom: 1.0691375624rem;
      left: 1.0691375624rem; }
      .classify_frm .classify-pop-box .btn-box p {
        width: 7.1275837491rem;
        height: 2.5659301497rem;
        line-height: 2.5659301497rem;
        text-align: center;
        font-size: 1.0691375624rem;
        color: #E00303;
        border: 1px solid #E00303;
        border-radius: 1.4255167498rem; }
        .classify_frm .classify-pop-box .btn-box p.sure {
          background: #dd1920;
          color: #fff; }

.setting-page .public-cephalic .cephlic-expert-search {
  background-image: none; }
.setting-page .main {
  padding-top: 3.1361368496rem;
  background: #F8F8F8;
  min-height: 100vh; }
  .setting-page .main .exit-app {
    background: #fff;
    text-align: center;
    margin-bottom: 1.2829650748rem;
    font-size: 1.1404133999rem;
    color: #2F3134;
    line-height: 3; }
  .setting-page .main .no-desc {
    margin-bottom: 0.7127583749rem;
    padding: 0 1.0691375624rem;
    font-size: 0.8553100499rem; }
    .setting-page .main .no-desc.red {
      color: #E00303; }

.setting-list-item {
  padding: 1.1404133999rem 0 1.0691375624rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative; }
  .setting-list-item.rain {
    height: 4.9180327869rem; }
    .setting-list-item.rain .num .tit {
      font-size: 1.8531717748rem;
      color: #333333; }
    .setting-list-item.rain .num input {
      font-size: 1.4967925873rem;
      color: #333333;
      margin-left: 0.3563791875rem;
      width: 13.5424091233rem; }
    .setting-list-item.rain .num span {
      display: block;
      font-size: 0.9265858874rem;
      color: #B6B9BE;
      line-height: 2.9223093371rem;
      text-align: right; }
  .setting-list-item:after {
    content: '';
    position: absolute;
    background-color: #DFDFDF;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scaleY(0.33);
    -moz-transform: scaleY(0.33);
    -ms-transform: scaleY(0.33);
    -o-transform: scaleY(0.33);
    transform: scaleY(0.33); }
  .setting-list-item .item-left {
    flex: 1;
    font-size: 1.1404133999rem;
    color: #333333;
    line-height: 1.375; }
    .setting-list-item .item-left.rain {
      height: 1.7818959373rem;
      line-height: 1.7818959373rem; }
      .setting-list-item .item-left.rain img {
        width: 1.7818959373rem;
        height: 1.7818959373rem;
        margin-right: 0.4989308624rem; }
      .setting-list-item .item-left.rain p.name {
        font-size: 1.2116892373rem;
        color: #2F3134;
        margin-right: 0.4989308624rem; }
      .setting-list-item .item-left.rain p.noDesc {
        font-size: 0.8553100499rem;
        color: #999999; }
  .setting-list-item .item-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 1.7106200998rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .setting-list-item .item-right p {
      overflow: hidden;
      /*超出部分隐藏*/
      text-overflow: ellipsis;
      /* 超出部分显示省略号 */
      white-space: nowrap;
      /*规定段落中的文本不进行换行 */
      width: 14.2551674982rem;
      /*需要配合宽度来使用*/
      text-align: right; }
      .setting-list-item .item-right p.wrap {
        white-space: initial; }
    .setting-list-item .item-right .frame {
      width: 3.635067712rem;
      height: 1.2829650748rem;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      box-sizing: border-box; }
      .setting-list-item .item-right .frame .checkbox {
        display: none; }
      .setting-list-item .item-right .frame .switch {
        width: 3.1361368496rem;
        height: 1.7106200998rem;
        background: #E7E8F1;
        border-radius: 2.8510334996rem;
        padding: 0.0712758375rem;
        box-sizing: border-box;
        display: inline-block;
        padding-top: 0.142551675rem; }
        .setting-list-item .item-right .frame .switch:after {
          content: '';
          box-shadow: 0.2138275125rem 0.2138275125rem 0.5702066999rem 0 rgba(0, 0, 0, 0.15), 0 0.2138275125rem 0.2138275125rem 0 rgba(0, 0, 0, 0.16), 0 0.2138275125rem 0.0712758375rem 0 rgba(0, 0, 0, 0.1);
          width: 1.4967925873rem;
          height: 1.4967925873rem;
          background: #fff;
          border-radius: 50%;
          display: block;
          float: left;
          transition: all 0.1s; }
      .setting-list-item .item-right .frame .checkbox:checked + .switch:after {
        margin-left: 1.4967925873rem; }
      .setting-list-item .item-right .frame .checkbox:checked + .switch {
        background: #db181f; }
    .setting-list-item .item-right p {
      font-size: 1.1404133999rem;
      color: #666666;
      line-height: 1.375; }
      .setting-list-item .item-right p.change-color {
        font-size: 0.9978617249rem;
        color: #367CF5;
        line-height: 1.1;
        white-space: nowrap; }
      .setting-list-item .item-right p.red {
        color: #E00303; }
    .setting-list-item .item-right span {
      display: inline-block;
      width: 1.2829650748rem;
      height: 1.2829650748rem;
      background-image: url(../image/setting-arrows.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
    .setting-list-item .item-right.choose p.radio {
      padding-left: 1.6393442623rem;
      background: url("../image/img/check_icon_1.png") no-repeat center left;
      background-size: 1.0691375624rem;
      width: auto; }
      .setting-list-item .item-right.choose p.radio:last-child {
        margin-left: 1.4255167498rem; }
      .setting-list-item .item-right.choose p.radio.active {
        background: url("../image/img/check_icon_2.png") no-repeat center left;
        background-size: 1.0691375624rem; }
    .setting-list-item .item-right input {
      text-align: right;
      height: 1.5680684248rem;
      line-height: 1.5680684248rem;
      font-size: 1.1404133999rem; }
    .setting-list-item .item-right.copy p {
      width: 14.2551674982rem; }
    .setting-list-item .item-right.copy span {
      background: transparent;
      width: 2.2808267997rem;
      height: auto;
      color: #E00303;
      font-size: 1.1404133999rem;
      line-height: 1.375;
      margin-left: 1.4255167498rem; }
    .setting-list-item .item-right.noflex {
      display: block; }
      .setting-list-item .item-right.noflex p.name {
        color: #666; }
      .setting-list-item .item-right.noflex p.num {
        color: #999;
        margin-bottom: 0.7127583749rem; }
  .setting-list-item.noCenter {
    align-items: flex-start; }
    .setting-list-item.noCenter .item-right {
      height: auto; }

.classification {
  margin-bottom: 0.7127583749rem;
  padding: 0 1.0691375624rem;
  background: #fff; }
  .classification:last-child {
    margin-bottom: 0; }
  .classification.pb30 {
    padding-bottom: 2.1382751247rem; }
  .classification.m10 {
    padding: 0.7127583749rem 0; }
  .classification h4 {
    padding: 1.1404133999rem 0 1.0691375624rem;
    font-size: 1.1404133999rem;
    color: #2F3134; }
  .classification .card-bg {
    align-items: center;
    justify-content: space-between; }
    .classification .card-bg .card-box {
      width: 11.903064861rem;
      height: 9.6935138988rem;
      border-radius: 0.7127583749rem;
      position: relative; }
      .classification .card-bg .card-box img {
        width: 100%;
        height: 7.4839629366rem;
        border-radius: 0.7127583749rem 0.7127583749rem 0 0; }
      .classification .card-bg .card-box:first-child {
        background: url("../image/img/card_1.png") no-repeat top center;
        background-size: 11.903064861rem; }
      .classification .card-bg .card-box:last-child {
        background: url("../image/img/card_2.png") no-repeat top center;
        background-size: 11.903064861rem; }
      .classification .card-bg .card-box p {
        text-align: center;
        font-size: 0.9265858874rem;
        color: #FFFFFF;
        height: 2.2095509622rem;
        line-height: 2.2095509622rem;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0; }
      .classification .card-bg .card-box span {
        display: block;
        position: absolute;
        background: url("../image/img/icon_close.png") no-repeat;
        width: 1.2829650748rem;
        height: 1.2829650748rem;
        background-size: 1.2829650748rem;
        top: -0.7127583749rem;
        right: -0.7127583749rem; }
  .classification .upload-pic {
    width: 9.2658588738rem;
    height: 9.2658588738rem;
    border-radius: 0.7127583749rem;
    position: relative;
    background: url("../image/img/upload_pic.png") no-repeat top center;
    background-size: 9.2658588738rem; }
    .classification .upload-pic img {
      width: 9.2658588738rem;
      height: 9.2658588738rem;
      border-radius: 0.7127583749rem; }
    .classification .upload-pic video {
      width: 9.2658588738rem;
      height: 9.2658588738rem;
      border-radius: 0.7127583749rem;
      object-fit: cover; }
    .classification .upload-pic span {
      display: block;
      position: absolute;
      background: url("../image/img/icon_close.png") no-repeat;
      width: 1.2829650748rem;
      height: 1.2829650748rem;
      background-size: 1.2829650748rem;
      top: -0.7127583749rem;
      right: -0.7127583749rem; }
  .classification p.desc {
    margin-top: 0.7127583749rem;
    font-size: 0.8553100499rem;
    color: #999999; }

.change-password .main {
  padding: 1.0691375624rem;
  box-sizing: border-box; }
  .change-password .main .bound-number {
    padding: 0.7127583749rem 1.0691375624rem;
    font-size: 1.1404133999rem;
    color: #333333;
    line-height: 1.1; }
  .change-password .main .change-password-list {
    background: #fff;
    position: relative; }
    .change-password .main .change-password-list .item {
      padding: 1.0691375624rem;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      background: #f8f8f8;
      border-radius: 0.28510335rem;
      box-sizing: border-box;
      margin-bottom: 0.7127583749rem; }
      .change-password .main .change-password-list .item .look {
        width: 1.7106200998rem;
        height: 1.7106200998rem;
        background-image: url("../image/img/inp-pas-1.png");
        background-size: 1.7106200998rem; }
        .change-password .main .change-password-list .item .look.active {
          background-image: url("../image/img/inp-pas-2.png"); }
      .change-password .main .change-password-list .item input {
        flex: 1;
        font-size: 1.1404133999rem;
        color: #333;
        line-height: 1.1; }
        .change-password .main .change-password-list .item input::-webkit-input-placeholder {
          color: #CCC; }
      .change-password .main .change-password-list .item .look {
        width: 1.7106200998rem;
        height: 1.7106200998rem;
        background-image: url("../image/img/inp-pas-1.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1.7106200998rem; }
        .change-password .main .change-password-list .item .look.active {
          background-image: url("../image/img/inp-pas-2.png"); }
      .change-password .main .change-password-list .item .acquire {
        font-size: 0.9978617249rem;
        color: #E00303;
        line-height: 1.1; }
      .change-password .main .change-password-list .item p {
        font-size: 1.1404133999rem;
        color: #333333; }
        .change-password .main .change-password-list .item p span {
          font-size: 0.9265858874rem;
          color: #999999; }
      .change-password .main .change-password-list .item.arrow p {
        flex: 1; }
      .change-password .main .change-password-list .item.arrow span {
        display: block;
        width: 0.8553100499rem;
        height: 0.8553100499rem;
        background: url("../image/img/arrow-left.png") no-repeat;
        background-size: 0.8553100499rem; }
    .change-password .main .change-password-list textarea {
      width: 24.5901639344rem;
      height: 18.1753385602rem;
      background: #f8f8f8;
      border-radius: 0.28510335rem;
      padding: 1.0691375624rem;
      box-sizing: border-box;
      font-size: 1.1404133999rem;
      resize: none; }
    .change-password .main .change-password-list p.desc {
      font-size: 0.8553100499rem;
      color: #B6B9BE;
      position: absolute;
      bottom: 1.0691375624rem;
      right: 1.0691375624rem; }
  .change-password .main .desc {
    align-items: center;
    margin-top: 1.4255167498rem; }
    .change-password .main .desc p {
      font-size: 0.9265858874rem;
      color: #666666;
      line-height: 1.1; }
      .change-password .main .desc p.check {
        width: 1.0691375624rem;
        height: 1.0691375624rem;
        background: url("../image/img/check_icon_1.png") no-repeat;
        background-size: 1.0691375624rem;
        margin-right: 0.5702066999rem; }
        .change-password .main .desc p.check.active {
          background: url("../image/img/check_icon_2.png") no-repeat;
          background-size: 1.0691375624rem; }
      .change-password .main .desc p.target {
        color: #E00303; }
  .change-password .main .reset-passwords {
    padding: 2.8510334996rem 1.0691375624rem 0 1.0691375624rem; }
    .change-password .main .reset-passwords span {
      display: block;
      text-align: center;
      background: linear-gradient(270deg, #dd1920 0%, #ff4c53 100%);
      border-radius: 1.7818959373rem;
      font-size: 1.2829650748rem;
      color: #fff;
      line-height: 2.77; }
  .change-password .main .logo {
    margin-top: 4.9893086244rem;
    margin-bottom: 2.8510334996rem;
    width: 100%;
    text-align: center; }
    .change-password .main .logo img {
      width: 5.9871703493rem;
      height: 5.9871703493rem;
      border-radius: 0.7127583749rem; }
    .change-password .main .logo p {
      margin-top: 0.8553100499rem;
      font-size: 0.9978617249rem;
      color: #333333; }

.about_us .main .logo {
  margin-top: 4.9893086244rem;
  width: 100%;
  text-align: center; }
  .about_us .main .logo img {
    width: 5.9871703493rem;
    height: 5.9871703493rem;
    border-radius: 0.7127583749rem; }
  .about_us .main .logo p {
    margin-top: 0.8553100499rem;
    font-size: 0.9978617249rem;
    color: #333333; }
.about_us .main .desc {
  padding: 1.0691375624rem;
  box-sizing: border-box;
  margin-top: 2.1382751247rem;
  font-size: 1.1404133999rem;
  line-height: 1.7106200998rem;
  color: #2F3134; }

.vip_page {
  background: url(../image/img/my_bg.png) #fff no-repeat;
  background-size: 100%;
  min-height: 100vh; }
  .vip_page .header .title {
    font-size: 1.2116892373rem;
    font-weight: 500;
    text-align: center;
    color: #fff;
    position: relative; }
    .vip_page .header .title img {
      display: block;
      width: 1.5680684248rem;
      height: 1.5680684248rem;
      position: absolute;
      left: 1.4255167498rem;
      top: 50%;
      transform: translateY(-50%); }
  .vip_page .main {
    margin-top: 1.7818959373rem;
    padding: 0 1.4255167498rem;
    box-sizing: border-box; }
    .vip_page .main .person {
      align-items: center; }
      .vip_page .main .person .head-pic {
        width: 3.5637918746rem;
        height: 3.5637918746rem;
        border-radius: 50%;
        border: 0.142551675rem solid #fff;
        margin-right: 1.0691375624rem; }
        .vip_page .main .person .head-pic img {
          width: 100%;
          height: 100%; }
      .vip_page .main .person .info {
        flex: 1; }
        .vip_page .main .person .info .name {
          font-size: 1.4255167498rem;
          color: #fff;
          line-height: 1.1; }
        .vip_page .main .person .info .vip-level {
          width: 5.9158945118rem;
          height: 1.4255167498rem;
          margin-top: 0.3563791875rem; }
          .vip_page .main .person .info .vip-level.vip_1 {
            background: url("../image/img/vip_level_1.png") no-repeat center;
            background-size: 5.9158945118rem; }
          .vip_page .main .person .info .vip-level.vip_2 {
            background: url("../image/img/vip_level_1.png") no-repeat center;
            background-size: 5.9158945118rem; }
      .vip_page .main .person .sbtn {
        width: 4.2765502495rem;
        height: 1.9957234498rem;
        background: white;
        border-radius: 1.2116892373rem;
        line-height: 1.9957234498rem;
        text-align: center;
        font-size: 0.9978617249rem;
        color: #E00303; }
    .vip_page .main .card {
      margin-top: 2.1382751247rem;
      padding: 0.7127583749rem 1.0691375624rem;
      width: 100%;
      box-sizing: border-box;
      background: #fff;
      border-radius: 0.5702066999rem;
      box-shadow: 0 0.142551675rem 0.5702066999rem 0 rgba(0, 0, 0, 0.07); }
      .vip_page .main .card .item {
        align-items: center;
        padding: 1.2829650748rem 0;
        box-sizing: border-box;
        width: 100%;
        justify-content: space-between; }
        .vip_page .main .card .item:first-child {
          border-bottom: 0.0712758375rem solid #EAEDF0; }
        .vip_page .main .card .item img {
          width: 5.9158945118rem;
          height: 1.4255167498rem;
          margin-right: 4.9893086244rem; }
        .vip_page .main .card .item p.num {
          font-size: 1.1404133999rem;
          color: #333333;
          margin-right: 2.1382751247rem;
          font-weight: bold; }
        .vip_page .main .card .item p.sbtn {
          width: 4.5616535994rem;
          height: 1.8531717748rem;
          line-height: 1.9957234498rem;
          text-align: center;
          border: 0.0712758375rem solid #E00303;
          color: #E00303;
          border-radius: 1.2116892373rem; }
          .vip_page .main .card .item p.sbtn.full {
            width: 4.7042052744rem;
            height: 1.9957234498rem;
            border: none;
            background: #E00303;
            color: #fff; }
    .vip_page .main .desc {
      margin-top: 1.7818959373rem; }
      .vip_page .main .desc h4 {
        font-size: 1.0691375624rem;
        color: #333333;
        height: 1.4967925873rem;
        line-height: 1.8531717748rem;
        margin-bottom: 0.7127583749rem; }
      .vip_page .main .desc p {
        font-size: 0.9978617249rem;
        color: #666666;
        line-height: 1.7106200998rem; }

.lend_money_record {
  min-height: 100vh;
  background: #F8F8F8; }
  .lend_money_record .main .record-list .item {
    margin-bottom: 0.5702066999rem;
    position: relative;
    background: #fff; }
    .lend_money_record .main .record-list .item .title {
      padding: 0 1.0691375624rem;
      width: 100%;
      height: 3.2786885246rem;
      line-height: 3.2786885246rem;
      box-sizing: border-box;
      border-bottom: 0.0712758375rem solid #EDEDF0;
      justify-content: space-between;
      align-items: center; }
      .lend_money_record .main .record-list .item .title .num {
        font-size: 1.1404133999rem;
        color: #333; }
      .lend_money_record .main .record-list .item .title .status {
        font-size: 1.0691375624rem;
        color: #BBBBBB; }
        .lend_money_record .main .record-list .item .title .status.red {
          color: #E00303; }
    .lend_money_record .main .record-list .item .detail {
      padding: 1.0691375624rem;
      width: 100%;
      box-sizing: border-box; }
      .lend_money_record .main .record-list .item .detail p {
        font-size: 0.8553100499rem;
        color: #666666;
        height: 1.2116892373rem;
        line-height: 1.2116892373rem;
        margin-top: 0.4276550249rem; }
    .lend_money_record .main .record-list .item .sbtn {
      position: absolute;
      right: 1.0691375624rem;
      bottom: 1.0691375624rem;
      width: 4.5616535994rem;
      height: 1.8531717748rem;
      line-height: 1.8531717748rem;
      text-align: center;
      border: 0.0712758375rem solid #E00303;
      color: #E00303;
      border-radius: 1.2116892373rem; }
      .lend_money_record .main .record-list .item .sbtn.full {
        width: 4.7042052744rem;
        height: 1.9957234498rem;
        border: none;
        background: #E00303;
        color: #fff; }

.lend_money_submit {
  min-height: 100vh;
  background: #F8F8F8;
  padding: 1.0691375624rem;
  box-sizing: border-box; }
  .lend_money_submit .main {
    width: 100%;
    background: #fff;
    border-radius: 0.5702066999rem;
    padding-bottom: 2.1382751247rem; }
    .lend_money_submit .main .info {
      text-align: center;
      padding: 2.1382751247rem 0;
      border-bottom: 0.0712758375rem solid #EAEDF0; }
      .lend_money_submit .main .info .num {
        color: #E00303;
        font-size: 1.9957234498rem;
        font-weight: bold; }
        .lend_money_submit .main .info .num span {
          font-size: 1.4255167498rem; }
      .lend_money_submit .main .info .desc {
        padding-left: 2.1382751247rem;
        background: url("../image/img/money_icon.png") no-repeat left center;
        background-size: 1.5680684248rem;
        width: 4.9893086244rem;
        margin: 0 auto;
        font-size: 1.1404133999rem;
        color: #666666; }
    .lend_money_submit .main .card {
      padding: 0.7127583749rem 1.0691375624rem;
      box-sizing: border-box;
      border-bottom: 0.0712758375rem solid #EAEDF0; }
      .lend_money_submit .main .card .item {
        margin: 0.7127583749rem 0; }
        .lend_money_submit .main .card .item:last-child {
          margin-top: 1.4255167498rem; }
        .lend_money_submit .main .card .item .name {
          font-size: 0.9978617249rem;
          font-weight: bold;
          color: #262626; }
        .lend_money_submit .main .card .item .desc {
          font-size: 0.9265858874rem;
          color: #999999; }
        .lend_money_submit .main .card .item.circle {
          background: url("../image/img/icon_circle.png") no-repeat top right;
          background-size: 1.2116892373rem; }
        .lend_money_submit .main .card .item.arrow {
          background: url("../image/img/arrow-left.png") no-repeat center right;
          background-size: 0.8553100499rem; }
    .lend_money_submit .main .list {
      padding: 1.4255167498rem;
      box-sizing: border-box; }
      .lend_money_submit .main .list .item {
        align-items: center;
        margin-bottom: 2.1382751247rem; }
        .lend_money_submit .main .list .item.active p.circle {
          background: url("../image/img/icon_circle_.png") no-repeat;
          background-size: 1.2116892373rem; }
        .lend_money_submit .main .list .item:first-child img {
          width: 1.6393442623rem;
          height: 1.5680684248rem;
          margin-right: 0.8553100499rem; }
        .lend_money_submit .main .list .item:nth-child(2) img {
          width: 1.6393442623rem;
          height: 1.5680684248rem;
          margin-right: 0.7127583749rem; }
        .lend_money_submit .main .list .item:last-child img {
          width: 1.6393442623rem;
          height: 1.5680684248rem;
          margin-right: 0.7127583749rem; }
        .lend_money_submit .main .list .item p.name {
          flex: 1;
          font-size: 0.9978617249rem;
          color: #262626;
          font-weight: bold; }
        .lend_money_submit .main .list .item p.circle {
          width: 1.2116892373rem;
          height: 1.2116892373rem;
          background: url("../image/img/icon_circle.png") no-repeat;
          background-size: 1.2116892373rem; }
    .lend_money_submit .main .pay-pop {
      background: rgba(0, 0, 0, 0.39);
      height: 100vh;
      position: fixed;
      z-index: 20;
      top: 0;
      left: 0;
      right: 0; }
      .lend_money_submit .main .pay-pop .pay_password {
        position: fixed;
        z-index: 20;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff; }
        .lend_money_submit .main .pay-pop .pay_password .title {
          height: 3.1361368496rem;
          position: relative; }
          .lend_money_submit .main .pay-pop .pay_password .title:after {
            content: '';
            position: absolute;
            background-color: #EDEDF0;
            display: block;
            z-index: 15;
            top: auto;
            right: auto;
            bottom: 0;
            left: 0;
            height: 1px;
            width: 100%;
            transform-origin: 50% 100%;
            transform: scaleY(0.5); }
          .lend_money_submit .main .pay-pop .pay_password .title h2 {
            font-size: 1.2116892373rem;
            color: #333333;
            line-height: 3.1361368496rem;
            text-align: center; }
          .lend_money_submit .main .pay-pop .pay_password .title span {
            display: block;
            width: 1.5680684248rem;
            height: 1.5680684248rem;
            background: url(../image/back.png) no-repeat center;
            background-size: 1.5680684248rem;
            position: absolute;
            left: 1.4255167498rem;
            top: 50%;
            transform: translateY(-50%); }
          .lend_money_submit .main .pay-pop .pay_password .title a {
            font-size: 1.0691375624rem;
            color: #333333;
            line-height: 1.4967925873rem;
            position: absolute;
            right: 1.0691375624rem;
            top: 50%;
            transform: translateY(-50%); }
        .lend_money_submit .main .pay-pop .pay_password .password-box {
          padding: 1.4255167498rem 2.7084818247rem; }
          .lend_money_submit .main .pay-pop .pay_password .password-box .input-password {
            width: 21.2401995723rem;
            border: 1px solid #DADADA;
            font-size: 0;
            height: 3.4212401996rem;
            align-items: center;
            flex-wrap: wrap;
            justify-content: space-between;
            position: relative; }
            .lend_money_submit .main .pay-pop .pay_password .password-box .input-password span {
              flex: 1;
              width: 16.67%;
              display: inline-block;
              height: 3.4212401996rem;
              border-right: 1px solid #DADADA;
              font-size: 1.7106200998rem;
              color: #333333;
              line-height: 3.4212401996rem;
              text-align: center;
              position: relative; }
              .lend_money_submit .main .pay-pop .pay_password .password-box .input-password span:last-child {
                border-right: none; }
              .lend_money_submit .main .pay-pop .pay_password .password-box .input-password span.active:after {
                content: '';
                width: 0.5702066999rem;
                height: 0.5702066999rem;
                background: #333;
                border-radius: 50%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
            .lend_money_submit .main .pay-pop .pay_password .password-box .input-password input {
              width: 21.3827512473rem;
              height: 3.5637918746rem;
              position: absolute;
              top: 0;
              left: 0;
              opacity: 0; }
          .lend_money_submit .main .pay-pop .pay_password .password-box p {
            margin-top: 1.0691375624rem;
            font-size: 0.9978617249rem;
            color: #e00303;
            line-height: 1.4255167498rem;
            text-align: center; }

.lend_money_result .main {
  background: #fff; }
  .lend_money_result .main .result-box {
    width: 9.9073414113rem;
    margin: 0 auto;
    margin-top: 3.5637918746rem;
    text-align: center; }
    .lend_money_result .main .result-box .pic {
      width: 9.9073414113rem;
      height: 6.8424803991rem;
      background: url("../image/img/icon_fail.png") no-repeat;
      background-size: 9.9073414113rem; }
      .lend_money_result .main .result-box .pic.active {
        background: url("../image/img/icon_success.png") no-repeat;
        background-size: 9.9073414113rem; }
    .lend_money_result .main .result-box .txt {
      margin-top: 0.5702066999rem;
      font-size: 1.2829650748rem;
      color: #333333; }

.crowd_list .main .public-hot-shop {
  border-top: none; }
  .crowd_list .main .public-hot-shop .task-progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-top: 0.7127583749rem; }
    .crowd_list .main .public-hot-shop .task-progress .progress {
      width: 13.5424091233rem;
      margin-right: 1.0691375624rem; }
      .crowd_list .main .public-hot-shop .task-progress .progress .progress-s {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center; }
        .crowd_list .main .public-hot-shop .task-progress .progress .progress-s .wx-progress-bar {
          background-color: #F0F0F0;
          -webkit-flex: 1;
          flex: 1;
          height: 0.4276550249rem; }
          .crowd_list .main .public-hot-shop .task-progress .progress .progress-s .wx-progress-bar .wx-progress-inner-bar {
            width: 0;
            height: 100%; }
    .crowd_list .main .public-hot-shop .task-progress .task-scoll {
      font-size: 0.8553100499rem;
      color: #999;
      white-space: nowrap; }

.crowd_details {
  min-height: 100vh;
  background: #F8F8F8; }
  .crowd_details .main .public-hot-shop {
    background: #fff;
    height: 11.0477548111rem;
    padding-top: 0.7127583749rem;
    box-sizing: border-box; }
    .crowd_details .main .public-hot-shop .shop-list .item .right:after {
      display: none; }
  .crowd_details .container {
    padding: 1.4255167498rem 1.0691375624rem;
    background: #fff;
    margin-top: 0.5702066999rem; }
    .crowd_details .container h4 {
      font-size: 1.0691375624rem;
      color: #333333;
      height: 1.4967925873rem;
      line-height: 1.4967925873rem; }
    .crowd_details .container .people {
      align-items: center;
      justify-content: space-between;
      margin-top: 1.2116892373rem;
      margin-bottom: 2.7084818247rem;
      width: 100%; }
      .crowd_details .container .people .people-list {
        align-items: center; }
        .crowd_details .container .people .people-list img {
          width: 2.2808267997rem;
          height: 2.2808267997rem;
          margin-left: -0.7127583749rem;
          border-radius: 50%; }
          .crowd_details .container .people .people-list img:first-child {
            margin-left: 0; }
        .crowd_details .container .people .people-list p {
          width: 1.4967925873rem;
          color: #666666;
          font-size: 0.9978617249rem;
          margin: 0 1.2829650748rem;
          letter-spacing: 0.142551675rem;
          text-align: center; }
      .crowd_details .container .people .sbtn {
        width: 7.5552387741rem;
        height: 2.2808267997rem;
        border-radius: 0.142551675rem;
        border: 0.0712758375rem solid #e00303;
        line-height: 2.2808267997rem;
        text-align: center;
        color: #E00303;
        font-size: 0.9265858874rem; }
    .crowd_details .container .desc {
      width: 100%; }
      .crowd_details .container .desc img {
        width: 100%; }
      .crowd_details .container .desc p {
        font-size: 0.9978617249rem;
        color: #666666;
        line-height: 1.7106200998rem; }
  .crowd_details .btn-box {
    position: fixed;
    bottom: 0;
    height: 3.5637918746rem;
    padding: 0.7127583749rem 0;
    width: 100%;
    background: #fff; }
  .crowd_details .alert-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, 0.4); }
    .crowd_details .alert-box .alert {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 22.4518888097rem;
      height: 33.7134711333rem;
      background: #fff;
      border-radius: 0.7127583749rem;
      padding: 0;
      overflow: hidden;
      z-index: 9; }
      .crowd_details .alert-box .alert .top {
        padding: 1.0691375624rem;
        box-sizing: border-box; }
        .crowd_details .alert-box .alert .top h4 {
          font-size: 1.0691375624rem;
          color: #333;
          text-align: center;
          height: 1.7106200998rem;
          line-height: 1.7106200998rem; }
        .crowd_details .alert-box .alert .top .inp-bg {
          width: 100%;
          height: 2.8510334996rem;
          background: #F8F8F8;
          margin: 0 auto;
          margin-top: 1.4255167498rem;
          position: relative; }
          .crowd_details .alert-box .alert .top .inp-bg input {
            width: 100%;
            height: 100%;
            padding: 0.7127583749rem;
            box-sizing: border-box;
            font-size: 1.0691375624rem; }
          .crowd_details .alert-box .alert .top .inp-bg span {
            position: absolute;
            right: 1.0691375624rem;
            top: 50%;
            transform: translateY(-50%);
            font-size: 1.0691375624rem;
            color: #666666; }
      .crowd_details .alert-box .alert .list {
        padding: 1.0691375624rem;
        box-sizing: border-box;
        border-bottom: 0.0712758375rem solid #EAEDF0; }
        .crowd_details .alert-box .alert .list .item {
          align-items: center;
          margin-bottom: 2.1382751247rem; }
          .crowd_details .alert-box .alert .list .item.active p.circle {
            background: url("../image/img/icon_circle_.png") no-repeat;
            background-size: 1.2116892373rem; }
          .crowd_details .alert-box .alert .list .item:last-child {
            margin-bottom: 0; }
          .crowd_details .alert-box .alert .list .item:first-child img {
            width: 1.6393442623rem;
            height: 1.5680684248rem;
            margin-right: 0.8553100499rem; }
          .crowd_details .alert-box .alert .list .item:nth-child(2) img {
            width: 1.6393442623rem;
            height: 1.5680684248rem;
            margin-right: 0.7127583749rem; }
          .crowd_details .alert-box .alert .list .item:last-child img {
            width: 1.6393442623rem;
            height: 1.5680684248rem;
            margin-right: 0.7127583749rem; }
          .crowd_details .alert-box .alert .list .item p.name {
            flex: 1;
            font-size: 0.9978617249rem;
            color: #262626;
            font-weight: bold; }
          .crowd_details .alert-box .alert .list .item p.circle {
            width: 1.2116892373rem;
            height: 1.2116892373rem;
            background: url("../image/img/icon_circle.png") no-repeat;
            background-size: 1.2116892373rem; }
      .crowd_details .alert-box .alert .card {
        padding: 0.7127583749rem 1.0691375624rem;
        box-sizing: border-box; }
        .crowd_details .alert-box .alert .card .item {
          margin: 0.7127583749rem 0; }
          .crowd_details .alert-box .alert .card .item:last-child {
            margin-top: 1.4255167498rem; }
          .crowd_details .alert-box .alert .card .item .name {
            font-size: 0.9978617249rem;
            font-weight: bold;
            color: #262626; }
          .crowd_details .alert-box .alert .card .item .desc {
            font-size: 0.9265858874rem;
            color: #999999; }
          .crowd_details .alert-box .alert .card .item.circle {
            background: url("../image/img/icon_circle.png") no-repeat top right;
            background-size: 1.2116892373rem; }
          .crowd_details .alert-box .alert .card .item.arrow {
            background: url("../image/img/arrow-left.png") no-repeat center right;
            background-size: 0.8553100499rem; }
      .crowd_details .alert-box .alert .sbtn {
        width: 6.9850320741rem;
        height: 2.5659301497rem;
        background: linear-gradient(270deg, #dd1920 0%, #ff4c53 100%);
        border-radius: 1.2829650748rem;
        line-height: 2.5659301497rem;
        text-align: center;
        color: #fff;
        font-size: 1.0691375624rem;
        margin: 0 auto;
        margin-top: 1.4255167498rem; }

.my_card {
  min-height: 100vh;
  background: #f8f8f8; }
  .my_card .main .card-list .card-item {
    background: #fff;
    padding: 1.0691375624rem;
    box-sizing: border-box;
    margin-bottom: 0.5702066999rem; }
    .my_card .main .card-list .card-item .details {
      width: 24.4476122594rem;
      height: 9.2658588738rem;
      border-radius: 0.7127583749rem;
      color: #fff;
      padding: 1.7106200998rem;
      box-sizing: border-box; }
      .my_card .main .card-list .card-item .details.logodiv {
        background-repeat: no-repeat;
        background-size: 24.4476122594rem; }
        .my_card .main .card-list .card-item .details.logodiv .info .logo {
          width: 2.5659301497rem;
          height: 2.5659301497rem;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 2.5659301497rem;
          border-radius: 50%; }
      .my_card .main .card-list .card-item .details .info {
        align-items: center; }
        .my_card .main .card-list .card-item .details .info .logo {
          margin-right: 0.7127583749rem; }
        .my_card .main .card-list .card-item .details .info .name .txt {
          font-size: 1.2116892373rem; }
        .my_card .main .card-list .card-item .details .info .name .type {
          font-size: 0.8553100499rem; }
      .my_card .main .card-list .card-item .details .num {
        margin-top: 1.4255167498rem;
        font-size: 1.2116892373rem;
        width: 100%;
        text-align: center;
        letter-spacing: 0.142551675rem; }
    .my_card .main .card-list .card-item .tab {
      margin-top: 1.1404133999rem;
      align-items: center;
      font-size: 0.8553100499rem;
      color: #999999;
      line-height: 1.1; }
      .my_card .main .card-list .card-item .tab .choose {
        width: 1.0691375624rem;
        height: 1.0691375624rem;
        margin-right: 0.4989308624rem;
        background: url("../image/img/check_icon_1.png") no-repeat;
        background-size: 1.0691375624rem; }
      .my_card .main .card-list .card-item .tab .defa {
        flex: 1; }
    .my_card .main .card-list .card-item.active .tab .choose {
      background: url("../image/img/check_icon_2.png") no-repeat;
      background-size: 1.0691375624rem; }
  .my_card .main .submit {
    width: 100%;
    height: 3.920171062rem;
    background: #fff;
    padding: 0.4989308624rem;
    box-sizing: border-box;
    position: fixed;
    bottom: 0; }

.my_collect .sereen-header {
  justify-content: space-around; }
  .my_collect .sereen-header .sereen-condition {
    width: auto; }
    .my_collect .sereen-header .sereen-condition span {
      display: inline-block;
      height: 2.4233784747rem;
      line-height: 2.6372059872rem; }
      .my_collect .sereen-header .sereen-condition span.active {
        border-bottom: 0.2138275125rem solid #dd1920; }
.my_collect .choose {
  width: 1.0691375624rem;
  height: 7.1275837491rem;
  margin-right: 1.4255167498rem;
  background: url("../image/img/check_icon_1.png") no-repeat center center;
  background-size: 1.0691375624rem;
  display: none; }
  .my_collect .choose.active {
    background: url("../image/img/check_icon_2.png") no-repeat center center;
    background-size: 1.0691375624rem; }
.my_collect .shop-list.active .choose {
  display: block; }
.my_collect .shop-list.active .item .right h4 {
  width: 14.2551674982rem; }
.my_collect .shop-list.active .item .right .introduce {
  width: 14.2551674982rem; }
.my_collect .browsing_history.active .choose {
  display: block; }
.my_collect .browsing_history.active .item .text {
  width: 13.5424091233rem; }
.my_collect .tab_menu {
  width: 100%;
  height: 3.7063435495rem;
  padding: 0 1.0691375624rem;
  box-sizing: border-box;
  align-items: center;
  position: fixed;
  bottom: 0; }
  .my_collect .tab_menu .choose {
    width: 1.0691375624rem;
    height: 3.7063435495rem;
    margin-right: 1.4255167498rem;
    background: url("../image/img/check_icon_1.png") no-repeat center center;
    background-size: 1.0691375624rem;
    display: block; }
    .my_collect .tab_menu .choose.active {
      background: url("../image/img/check_icon_2.png") no-repeat center center;
      background-size: 1.0691375624rem; }
  .my_collect .tab_menu p {
    font-size: 0.9265858874rem;
    color: #333333;
    flex: 1; }
  .my_collect .tab_menu .cancle {
    width: 6.1297220242rem;
    height: 2.1382751247rem;
    line-height: 2.1382751247rem;
    text-align: center;
    border-radius: 1.4255167498rem;
    border: 0.0712758375rem solid rgba(224, 3, 3, 0.57);
    color: #E00303; }

.my_issue {
  background: #F7F6F6;
  min-height: 100vh;
  overflow: hidden; }
  .my_issue .main .msg-list .wrapper {
    position: relative;
    height: 9.3371347113rem;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2; }
    .my_issue .main .msg-list .wrapper .container {
      position: absolute;
      left: 0;
      width: 100%;
      height: 9.3371347113rem;
      padding: 1.0691375624rem;
      box-sizing: border-box;
      background: #fff;
      align-items: center; }
      .my_issue .main .msg-list .wrapper .container .pic {
        width: 7.1275837491rem;
        height: 7.1275837491rem;
        margin-right: 0.7127583749rem;
        position: relative; }
        .my_issue .main .msg-list .wrapper .container .pic img {
          width: 100%;
          height: 100%;
          border-radius: 0.7127583749rem; }
        .my_issue .main .msg-list .wrapper .container .pic .status {
          position: absolute;
          width: 3.0648610121rem;
          height: 1.5680684248rem;
          line-height: 1.5680684248rem;
          text-align: center;
          border-radius: 0.7127583749rem 0 0.7127583749rem 0;
          font-size: 0.7840342124rem;
          top: 0;
          left: 0;
          color: #fff; }
          .my_issue .main .msg-list .wrapper .container .pic .status.green {
            background: #49c88d; }
          .my_issue .main .msg-list .wrapper .container .pic .status.yellow {
            background: #faa632; }
          .my_issue .main .msg-list .wrapper .container .pic .status.red {
            background: #e00303; }
      .my_issue .main .msg-list .wrapper .container .text {
        width: 16.7498218104rem;
        flex-wrap: wrap;
        padding-bottom: 1.0691375624rem;
        height: 7.1275837491rem;
        position: relative; }
        .my_issue .main .msg-list .wrapper .container .text .title {
          font-size: 1.1404133999rem;
          color: #2C3540;
          letter-spacing: 0.0163934426rem;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          padding: 0;
          height: 5.7020669993rem; }
        .my_issue .main .msg-list .wrapper .container .text .info {
          justify-content: space-between;
          width: 100%;
          height: 1.2116892373rem;
          position: absolute;
          bottom: 1.0691375624rem; }
          .my_issue .main .msg-list .wrapper .container .text .info .person {
            align-items: center; }
            .my_issue .main .msg-list .wrapper .container .text .info .person img {
              width: 1.2829650748rem;
              height: 1.2829650748rem;
              border-radius: 50%;
              display: block;
              margin-right: 0.4276550249rem; }
            .my_issue .main .msg-list .wrapper .container .text .info .person p {
              font-size: 0.8553100499rem;
              color: #333333;
              line-height: 1.1; }
          .my_issue .main .msg-list .wrapper .container .text .info .num {
            align-items: center; }
            .my_issue .main .msg-list .wrapper .container .text .info .num img {
              width: 0.7127583749rem;
              height: 0.4989308624rem;
              display: block;
              margin-right: 0.4276550249rem; }
            .my_issue .main .msg-list .wrapper .container .text .info .num p {
              font-size: 0.8553100499rem;
              color: #333333;
              line-height: 1.1; }
  .my_issue .main .msg-list .delete {
    float: right;
    width: 11.4041339986rem;
    top: 0;
    right: 0;
    line-height: 9.3371347113rem;
    color: #fff;
    text-align: center;
    height: 9.3371347113rem; }
    .my_issue .main .msg-list .delete p {
      width: 5.7020669993rem;
      float: left;
      background-color: #E00303; }
      .my_issue .main .msg-list .delete p.edit {
        background: #FAA632; }
  .my_issue .main .msg-list .delete i.iconfont {
    font-size: 1em;
    padding-right: 5px; }
@keyframes noheight {
  0% {
    height: 9.3371347113rem;
    opacity: 1; }
  100% {
    height: 0;
    opacity: 0; } }
  .my_issue .main .msg-list .noheight {
    animation: noheight .3s linear 0s forwards; }

.live_payment {
  min-height: 100vh;
  background: #F8F8F8;
  padding: 1.0691375624rem;
  box-sizing: border-box; }
  .live_payment .main .card {
    text-align: center;
    background: #fff;
    border-radius: 0.7127583749rem;
    width: 100%;
    height: 13.2573057733rem;
    padding: 0.7127583749rem 0;
    box-sizing: border-box; }
    .live_payment .main .card .item {
      margin-top: 1.4255167498rem;
      float: left;
      width: 25%;
      margin-bottom: 0.3563791875rem; }
      .live_payment .main .card .item img {
        width: 1.7106200998rem;
        height: 1.7106200998rem; }
      .live_payment .main .card .item p {
        font-size: 0.9978617249rem;
        color: #333333;
        width: 100%;
        height: 1.4255167498rem;
        line-height: 1.4255167498rem;
        margin-top: 0.5702066999rem; }
  .live_payment .main h4 {
    font-size: 1.0691375624rem;
    color: #333333;
    margin: 1.0691375624rem 0; }
  .live_payment .main .payment-list {
    background: #fff; }
    .live_payment .main .payment-list .item {
      width: 100%;
      height: 4.2765502495rem;
      border-bottom: 0.0712758375rem solid #EDEDF0;
      align-items: center;
      padding: 0 1.0691375624rem;
      box-sizing: border-box; }
      .live_payment .main .payment-list .item .info {
        flex: 1; }
        .live_payment .main .payment-list .item .info .tit {
          font-size: 1.0691375624rem;
          color: #333333; }
        .live_payment .main .payment-list .item .info .num {
          font-size: 0.8553100499rem;
          color: #999999; }
      .live_payment .main .payment-list .item .arrow {
        width: 0.7127583749rem;
        height: 1.4255167498rem;
        background: url("../image/img/arrow_1.png") no-repeat;
        background-size: 0.7127583749rem; }

.live_payment_1 {
  min-height: 100vh;
  background: #fff;
  padding: 1.0691375624rem;
  box-sizing: border-box; }
  .live_payment_1 .main .import {
    margin-top: 0.3563791875rem;
    width: 100%;
    position: relative;
    padding-bottom: 0.7127583749rem;
    border-bottom: 0.0712758375rem solid #EDEDF0; }
    .live_payment_1 .main .import input {
      font-size: 1.9244476123rem;
      color: #2C3540;
      height: 2.7084818247rem;
      width: 90%;
      line-height: 2.7084818247rem; }
    .live_payment_1 .main .import img {
      position: absolute;
      right: 0;
      top: 0.7127583749rem;
      width: 1.4255167498rem;
      height: 1.4255167498rem; }
    .live_payment_1 .main .import p {
      font-size: 0.9978617249rem;
      color: #999999;
      height: 1.4255167498rem;
      line-height: 1.4255167498rem;
      margin-top: 0.2138275125rem; }
  .live_payment_1 .main .numList {
    flex-wrap: wrap;
    margin-top: 0.7127583749rem; }
    .live_payment_1 .main .numList .item {
      width: 7.5552387741rem;
      height: 4.4191019244rem;
      border: 0.0712758375rem solid #979EA6;
      font-size: 1.6393442623rem;
      font-weight: 500;
      color: #2C3540;
      border-radius: 0.28510335rem;
      line-height: 4.4191019244rem;
      text-align: center;
      margin-right: 0.7127583749rem;
      margin-top: 0.7127583749rem; }
      .live_payment_1 .main .numList .item:nth-child(3n) {
        margin-right: 0; }
      .live_payment_1 .main .numList .item span {
        font-size: 0.9265858874rem; }
      .live_payment_1 .main .numList .item.active {
        color: #E00303;
        background: rgba(224, 3, 3, 0.03);
        border: 0.0712758375rem solid #e00303; }
  .live_payment_1 .main .other {
    width: 24.5901639344rem;
    height: 3.2786885246rem;
    background: #f8f8f8;
    border-radius: 1.9957234498rem;
    padding: 0.9265858874rem;
    box-sizing: border-box;
    margin-top: 1.4255167498rem; }
    .live_payment_1 .main .other input {
      width: 100%;
      height: 1.4255167498rem;
      line-height: 1.4255167498rem;
      text-align: center;
      font-size: 1.0691375624rem; }
  .live_payment_1 .main .btn-box {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 1.4255167498rem; }
    .live_payment_1 .main .btn-box .btn {
      width: 24.5901639344rem; }

.live_payment_2 {
  min-height: 100vh;
  background: #F8F8F8; }
  .live_payment_2 .search-box {
    background: #fff;
    padding: 0.7127583749rem 1.0691375624rem;
    width: 100%;
    height: 3.5637918746rem;
    box-sizing: border-box;
    align-items: center; }
    .live_payment_2 .search-box .search {
      width: 22.4518888097rem;
      height: 2.1382751247rem;
      position: relative;
      padding-left: 2.2808267997rem;
      box-sizing: border-box;
      background: #f6f6f6;
      border-radius: 1.0691375624rem;
      margin-right: 0.7127583749rem; }
      .live_payment_2 .search-box .search input {
        width: 100%;
        height: 2.1382751247rem;
        font-size: 0.9978617249rem; }
      .live_payment_2 .search-box .search img {
        position: absolute;
        width: 0.9265858874rem;
        height: 0.9265858874rem;
        left: 0.9978617249rem;
        top: 50%;
        transform: translateY(-50%); }
    .live_payment_2 .search-box .close {
      width: 1.4255167498rem;
      height: 1.4255167498rem; }
      .live_payment_2 .search-box .close img {
        width: 100%;
        height: 100%; }
  .live_payment_2 .list .item {
    height: 3.5637918746rem;
    width: 100%;
    padding: 0 1.0691375624rem;
    box-sizing: border-box;
    align-items: center;
    background: #fff;
    border-bottom: 0.0712758375rem solid #EAEDF0; }
    .live_payment_2 .list .item p {
      font-size: 1.1404133999rem;
      color: #2F3134;
      flex: 1; }
    .live_payment_2 .list .item span {
      display: block;
      width: 1.2829650748rem;
      height: 1.2829650748rem;
      background: url("../image/img/arrow_right.png") no-repeat;
      background-size: 1.2829650748rem; }

.live_payment_2_1 .info {
  font-size: 0.8553100499rem;
  color: #999999;
  margin: 0.7127583749rem 0;
  padding: 0 1.0691375624rem;
  box-sizing: border-box;
  width: 100%;
  line-height: 1.4967925873rem; }
.live_payment_2_1 .desc {
  align-items: center;
  margin-top: 1.4255167498rem;
  padding: 0 1.0691375624rem;
  box-sizing: border-box; }
  .live_payment_2_1 .desc p {
    font-size: 0.9265858874rem;
    color: #666666;
    line-height: 1.1; }
    .live_payment_2_1 .desc p.check {
      width: 1.0691375624rem;
      height: 1.0691375624rem;
      background: url("../image/img/check_icon_1.png") no-repeat;
      background-size: 1.0691375624rem;
      margin-right: 0.5702066999rem; }
      .live_payment_2_1 .desc p.check.active {
        background: url("../image/img/check_icon_2.png") no-repeat;
        background-size: 1.0691375624rem; }
    .live_payment_2_1 .desc p.target {
      color: #E00303; }
.live_payment_2_1 .reset-passwords {
  padding: 2.8510334996rem 1.0691375624rem 0 1.0691375624rem; }
  .live_payment_2_1 .reset-passwords span {
    display: block;
    text-align: center;
    background: linear-gradient(270deg, #dd1920 0%, #ff4c53 100%);
    border-radius: 1.7818959373rem;
    font-size: 1.2829650748rem;
    color: #fff;
    line-height: 2.77; }

.live_payment_5_3 .progess-box .desc_txt {
  font-size: 0.9265858874rem;
  color: #666666; }
.live_payment_5_3 .progess-box .progress {
  width: 24.5901639344rem;
  margin: 1.4255167498rem 0; }
  .live_payment_5_3 .progess-box .progress .progress-s {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
    .live_payment_5_3 .progess-box .progress .progress-s .wx-progress-bar {
      background-color: #F0F0F0;
      -webkit-flex: 1;
      flex: 1;
      height: 0.6414825374rem;
      border-radius: 0.4989308624rem; }
      .live_payment_5_3 .progess-box .progress .progress-s .wx-progress-bar .wx-progress-inner-bar {
        width: 0;
        height: 100%;
        border-radius: 0.4989308624rem; }
.live_payment_5_3 .progess-box .num {
  width: 100%;
  text-align: right;
  font-size: 0.8553100499rem;
  color: #999999; }

.live_payment_6 .wAuto {
  width: auto !important; }

.live_payment_6_3 .main .setting-list-item .item-right p.txt {
  width: 2.8510334996rem;
  height: 1.7106200998rem;
  line-height: 1.5680684248rem;
  background: url("../image/img/arrow-left.png") no-repeat right center;
  background-size: 1.2829650748rem;
  text-align: left;
  color: #E00303;
  font-size: 1.1404133999rem; }
.live_payment_6_3 .main .setting-list-item .item-right input.num {
  width: 5.7020669993rem;
  height: 1.7106200998rem;
  margin-left: 0.3563791875rem;
  font-size: 1.1404133999rem;
  color: #666666; }
.live_payment_6_3 .main .desc h4 {
  font-size: 0.8553100499rem;
  color: #333333;
  height: 1.7106200998rem;
  line-height: 1.7106200998rem; }
.live_payment_6_3 .main .desc p {
  font-size: 0.8553100499rem;
  color: #666666;
  line-height: 1.7106200998rem; }

.live_payment_6_4 .special {
  display: block !important; }
  .live_payment_6_4 .special .name {
    font-size: 0.8553100499rem !important;
    color: #333333 !important; }
  .live_payment_6_4 .special .pic {
    width: 16.0370634355rem;
    height: 21.3827512473rem;
    margin: 0 auto;
    margin-top: 0.7127583749rem; }
    .live_payment_6_4 .special .pic img {
      width: 100%;
      height: 100%; }

.live_payment_7 {
  min-height: 100vh;
  background: #F8F8F8; }
  .live_payment_7 .main {
    padding-top: 7.1988595866rem; }
    .live_payment_7 .main .head {
      position: fixed;
      top: 0;
      width: 100%;
      height: 7.1988595866rem; }
      .live_payment_7 .main .head .icon {
        width: 100%;
        height: 3.920171062rem;
        padding: 1.0691375624rem;
        box-sizing: border-box;
        background: #fff; }
        .live_payment_7 .main .head .icon img {
          width: 1.7818959373rem;
          height: 1.7818959373rem;
          margin-right: 0.4989308624rem; }
        .live_payment_7 .main .head .icon p {
          color: #2F3134;
          font-size: 1.2116892373rem; }
      .live_payment_7 .main .head .tab-menu {
        margin-top: 0.5702066999rem;
        background: #fff;
        width: 100%;
        height: 2.6372059872rem;
        border-bottom: 0.0712758375rem solid #EAEDF0; }
        .live_payment_7 .main .head .tab-menu ul {
          justify-content: space-around; }
          .live_payment_7 .main .head .tab-menu ul li {
            height: 2.6372059872rem;
            line-height: 2.6372059872rem;
            font-size: 0.9978617249rem;
            color: #333333;
            padding-right: 0.9978617249rem;
            background: url(../image/scree-arrows-down.png) no-repeat right center;
            background-size: 0.4276550249rem 0.28510335rem; }
            .live_payment_7 .main .head .tab-menu ul li.active {
              color: #E00303;
              background: url(../image/scree-arrows-down_.png) no-repeat right center;
              background-size: 0.4276550249rem 0.28510335rem; }
    .live_payment_7 .main .list .item {
      width: 100%;
      height: 7.3414112616rem;
      padding: 1.0691375624rem;
      box-sizing: border-box;
      background: #fff;
      border-bottom: 0.0712758375rem solid #EAEDF0; }
      .live_payment_7 .main .list .item .top {
        align-items: center;
        justify-content: space-between; }
        .live_payment_7 .main .list .item .top .name {
          font-size: 0.9978617249rem;
          color: #333333;
          font-weight: bold; }
        .live_payment_7 .main .list .item .top .sbtn {
          width: 5.7020669993rem;
          height: 1.9957234498rem;
          line-height: 1.9957234498rem;
          text-align: center;
          background: linear-gradient(270deg, #dd1920 0%, #ff4c53 100%);
          border-radius: 1.0691375624rem;
          color: #fff;
          font-size: 0.9978617249rem; }
      .live_payment_7 .main .list .item .info {
        margin-top: 0.8553100499rem;
        justify-content: space-between;
        align-items: center; }
        .live_payment_7 .main .list .item .info .num {
          color: #E00303;
          font-size: 1.4255167498rem;
          font-weight: bold; }
          .live_payment_7 .main .list .item .info .num span {
            font-size: 1.0691375624rem; }
        .live_payment_7 .main .list .item .info .nav span {
          font-size: 0.8553100499rem;
          color: #999999; }
          .live_payment_7 .main .list .item .info .nav span img {
            width: 0.8553100499rem;
            height: 0.8553100499rem; }

.spread-expert-search-list {
  display: none; }
  .spread-expert-search-list.active {
    display: block;
    flex: 1;
    height: 100vh;
    background: rgba(0, 0, 0, 0.59); }
    .spread-expert-search-list.active .sorted-result-list {
      width: 26.7284390592rem;
      background: #fff;
      padding: 0 1.0691375624rem 1.4255167498rem 1.0691375624rem;
      box-sizing: border-box; }
      .spread-expert-search-list.active .sorted-result-list .result-list-item {
        padding-top: 1.4255167498rem;
        font-size: 0.9978617249rem;
        color: #333333;
        line-height: 1.428;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center; }
        .spread-expert-search-list.active .sorted-result-list .result-list-item.active {
          color: #E00303; }
          .spread-expert-search-list.active .sorted-result-list .result-list-item.active .sequence {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1; }
          .spread-expert-search-list.active .sorted-result-list .result-list-item.active .sequence-right {
            width: 0.9978617249rem;
            height: 0.6414825374rem;
            background-image: url(../image/img/check_icon.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 0.9978617249rem 0.7840342124rem; }

.spread-expert-search-item {
  display: none; }
  .spread-expert-search-item.active {
    display: block;
    flex: 1;
    height: 100vh;
    background: rgba(0, 0, 0, 0.59); }
    .spread-expert-search-item.active .sorted-result {
      width: 26.7284390592rem;
      background: #fff;
      box-sizing: border-box; }
      .spread-expert-search-item.active .sorted-result .sorted-result-top {
        padding: 1.0691375624rem 0.3563791875rem 0.28510335rem 1.0691375624rem;
        font-size: 0;
        max-height: 14.1838916607rem;
        overflow-y: auto; }
        .spread-expert-search-item.active .sorted-result .sorted-result-top span {
          display: inline-block;
          width: 5.5595153243rem;
          height: 2.5659301497rem;
          -moz-border-radius: 0.28510335rem;
          -webkit-border-radius: 0.28510335rem;
          border-radius: 0.28510335rem;
          background: #F8F8F8;
          font-size: 0.9978617249rem;
          color: #333333;
          line-height: 2.57;
          text-align: center;
          margin: 0 0.7840342124rem 0.7127583749rem 0; }
          .spread-expert-search-item.active .sorted-result .sorted-result-top span:nth-child(4n) {
            margin-right: 0; }
          .spread-expert-search-item.active .sorted-result .sorted-result-top span.self-motion {
            width: auto;
            min-width: 4.8467569494rem;
            -moz-border-radius: 0.28510335rem;
            -webkit-border-radius: 0.28510335rem;
            border-radius: 0.28510335rem;
            background: #F8F8F8;
            font-size: 0.9978617249rem;
            color: #333333;
            line-height: 2.5659301497rem;
            padding: 0 0.3563791875rem;
            margin: 0 0.7840342124rem 0.7127583749rem 0;
            white-space: nowrap;
            text-align: center; }
            .spread-expert-search-item.active .sorted-result .sorted-result-top span.self-motion:nth-child(4n) {
              margin-right: 0; }
          .spread-expert-search-item.active .sorted-result .sorted-result-top span.active {
            background: rgba(54, 124, 245, 0.09);
            color: #367CF5; }
      .spread-expert-search-item.active .sorted-result .sorted-result-bottom {
        padding: 0.5702066999rem 1.0691375624rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        position: relative; }
        .spread-expert-search-item.active .sorted-result .sorted-result-bottom:after {
          content: '';
          position: absolute;
          background-color: #DFDFDF;
          display: block;
          z-index: 15;
          top: 0;
          right: auto;
          bottom: auto;
          left: 0;
          height: 1px;
          width: 100%;
          transform-origin: 50% 0;
          transform: scaleY(-0.33); }
        .spread-expert-search-item.active .sorted-result .sorted-result-bottom span {
          width: 5.5595153243rem;
          -moz-border-radius: 0.28510335rem;
          -webkit-border-radius: 0.28510335rem;
          border-radius: 0.28510335rem;
          background: #F8F8F8;
          font-size: 1.1404133999rem;
          color: #333333;
          line-height: 2.5;
          text-align: center;
          padding: 0 1.2829650748rem;
          margin-right: 0.7127583749rem; }
          .spread-expert-search-item.active .sorted-result .sorted-result-bottom span.sorted-result-sure {
            width: auto;
            flex: 1;
            background: #367CF5;
            color: #ffffff;
            margin-right: 0; }

.expert_library .expert_library-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 99;
  background: #fff; }
  .expert_library .expert_library-header .warp-spread {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0; }
  .expert_library .expert_library-header .expert_library-synthesis-header .public-cephalic {
    position: relative; }
  .expert_library .expert_library-header .search-conditions {
    display: none; }
    .expert_library .expert_library-header .search-conditions.active {
      display: block;
      height: 3.1361368496rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      background: #fff;
      position: relative;
      padding: 0 1.0691375624rem; }
      .expert_library .expert_library-header .search-conditions.active:after {
        content: '';
        position: absolute;
        background-color: #DFDFDF;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        -webkit-transform-origin: 50% 100%;
        -moz-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        -o-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(0.33);
        -moz-transform: scaleY(0.33);
        -ms-transform: scaleY(0.33);
        -o-transform: scaleY(0.33);
        transform: scaleY(0.33); }
      .expert_library .expert_library-header .search-conditions.active .conditions {
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center; }
        .expert_library .expert_library-header .search-conditions.active .conditions .self-motion {
          width: 21.8816821098rem;
          overflow: auto;
          -webkit-overflow-scrolling: touch; }
          .expert_library .expert_library-header .search-conditions.active .conditions .self-motion::-webkit-scrollbar {
            display: none; }
          .expert_library .expert_library-header .search-conditions.active .conditions .self-motion .slide-box {
            width: 1000%;
            overflow: hidden; }
        .expert_library .expert_library-header .search-conditions.active .conditions .conditions-item {
          float: left;
          background-color: #F8F8F8;
          -moz-border-radius: 0.28510335rem;
          -webkit-border-radius: 0.28510335rem;
          border-radius: 0.28510335rem;
          padding: 0 0.4276550249rem 0 0.7840342124rem;
          margin-right: 0.7127583749rem; }
          .expert_library .expert_library-header .search-conditions.active .conditions .conditions-item span {
            font-size: 0.9978617249rem;
            color: #666666;
            line-height: 1.85;
            padding-right: 1.0691375624rem;
            background-image: url(../image/img/arrow_down.png);
            background-position: right center;
            background-repeat: no-repeat;
            background-size: 0.8553100499rem; }
      .expert_library .expert_library-header .search-conditions.active .conditions-reset {
        font-size: 0.9978617249rem;
        color: #0085FF;
        line-height: 1.1; }

.live_payment_7_1 {
  min-height: 100vh;
  background: #F8F8F8; }
  .live_payment_7_1 .main .head {
    width: 100%;
    height: 3.920171062rem; }
    .live_payment_7_1 .main .head .icon {
      width: 100%;
      height: 3.920171062rem;
      padding: 1.0691375624rem;
      box-sizing: border-box;
      background: #fff; }
      .live_payment_7_1 .main .head .icon img {
        width: 1.7818959373rem;
        height: 1.7818959373rem;
        margin-right: 0.4989308624rem; }
      .live_payment_7_1 .main .head .icon p {
        color: #2F3134;
        font-size: 1.2116892373rem; }
  .live_payment_7_1 .main .info {
    height: 5.7020669993rem;
    margin-top: 0.5702066999rem;
    background: #fff;
    padding: 1.0691375624rem;
    box-sizing: border-box; }
    .live_payment_7_1 .main .info .left {
      width: 17.1062009979rem;
      border-right: 0.0712758375rem solid #f8f8f8; }
      .live_payment_7_1 .main .info .left .name {
        font-size: 1.1404133999rem;
        color: #333333;
        height: 1.5680684248rem;
        line-height: 1.5680684248rem;
        overflow: hidden;
        /*超出部分隐藏*/
        text-overflow: ellipsis;
        /* 超出部分显示省略号 */
        white-space: nowrap;
        /*规定段落中的文本不进行换行 */ }
      .live_payment_7_1 .main .info .left .add {
        font-size: 0.9265858874rem;
        color: #999999;
        margin-top: 0.7127583749rem;
        height: 1.2829650748rem;
        line-height: 1.2829650748rem;
        overflow: hidden;
        /*超出部分隐藏*/
        text-overflow: ellipsis;
        /* 超出部分显示省略号 */
        white-space: nowrap;
        /*规定段落中的文本不进行换行 */ }
    .live_payment_7_1 .main .info .right {
      margin-left: 2.1382751247rem; }
      .live_payment_7_1 .main .info .right .tit {
        font-size: 0.8553100499rem;
        color: #333333; }
      .live_payment_7_1 .main .info .right .num p {
        font-size: 1.4255167498rem;
        color: #E00303;
        height: 2.2808267997rem;
        line-height: 2.2808267997rem; }
        .live_payment_7_1 .main .info .right .num p span {
          font-size: 1.0691375624rem; }
      .live_payment_7_1 .main .info .right .num del {
        font-size: 1.0691375624rem;
        color: #BBBBBB;
        height: 2.2808267997rem;
        line-height: 2.2808267997rem; }
        .live_payment_7_1 .main .info .right .num del span {
          font-size: 1.0691375624rem; }
  .live_payment_7_1 .main .card {
    height: 5.7020669993rem;
    margin-top: 0.5702066999rem;
    background: #fff;
    padding: 1.0691375624rem;
    box-sizing: border-box; }
    .live_payment_7_1 .main .card .num {
      width: 50%; }
      .live_payment_7_1 .main .card .num p {
        font-size: 1.2116892373rem;
        line-height: 1.7106200998rem;
        color: #333333; }
    .live_payment_7_1 .main .card .rob {
      width: 50%; }
      .live_payment_7_1 .main .card .rob p {
        font-size: 1.2116892373rem;
        line-height: 1.7106200998rem;
        color: #333333; }
      .live_payment_7_1 .main .card .rob .select input {
        width: 6.0584461867rem;
        font-size: 1.2116892373rem;
        line-height: 1.7106200998rem;
        color: #333333; }
      .live_payment_7_1 .main .card .rob .select img {
        width: 0.8553100499rem;
        height: 0.8553100499rem; }
  .live_payment_7_1 .main .money {
    height: 4.9180327869rem;
    margin-top: 0.5702066999rem;
    background: #fff;
    padding: 1.0691375624rem;
    box-sizing: border-box;
    align-items: center; }
    .live_payment_7_1 .main .money p {
      font-size: 1.8531717748rem;
      font-weight: bold;
      color: #333;
      height: 2.0669992872rem;
      line-height: 2.0669992872rem; }
    .live_payment_7_1 .main .money input {
      height: 2.0669992872rem;
      line-height: 2.0669992872rem;
      font-size: 1.4967925873rem;
      color: #333; }
  .live_payment_7_1 .bottom-menu {
    align-items: center;
    justify-content: space-between;
    height: 3.5637918746rem;
    background: #fff;
    padding: 1.0691375624rem;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    width: 100%; }
    .live_payment_7_1 .bottom-menu .num span {
      color: #B6B9BE;
      font-size: 0.8553100499rem; }
      .live_payment_7_1 .bottom-menu .num span:first-child {
        font-size: 1.2116892373rem;
        font-weight: bold;
        color: #DD1920; }
    .live_payment_7_1 .bottom-menu .sbtn {
      width: 6.6999287242rem;
      height: 2.8510334996rem;
      background: #dd1920;
      border-radius: 1.4255167498rem;
      line-height: 2.8510334996rem;
      text-align: center;
      font-size: 1.2116892373rem;
      color: #fff; }

.live_payment_7_1_frm {
  min-height: 100vh;
  background: rgba(0, 0, 0, 0.59); }
  .live_payment_7_1_frm .main {
    border-radius: 0.4276550249rem 0.4276550249rem 0 0;
    position: fixed;
    bottom: 0;
    width: 100%; }
    .live_payment_7_1_frm .main .top {
      justify-content: space-between;
      align-items: center;
      padding: 0.8553100499rem 1.0691375624rem;
      box-sizing: border-box;
      border-bottom: 0.0712758375rem solid #EAEDF0;
      background: #fff; }
      .live_payment_7_1_frm .main .top p {
        color: #333333;
        font-size: 1.2116892373rem; }
    .live_payment_7_1_frm .main .tab {
      width: 100%;
      height: 2.8510334996rem;
      justify-content: space-around;
      background: #fff; }
      .live_payment_7_1_frm .main .tab p {
        font-size: 1.0691375624rem;
        color: #999;
        height: 2.6372059872rem;
        line-height: 2.8510334996rem; }
        .live_payment_7_1_frm .main .tab p.active {
          border-bottom: 0.2138275125rem solid #DD1920;
          color: #333333; }
    .live_payment_7_1_frm .main .gray-bg {
      width: 100%;
      height: 0.5702066999rem;
      background: #F8F8F8; }
    .live_payment_7_1_frm .main .num-list {
      background: #fff; }
      .live_payment_7_1_frm .main .num-list ul {
        flex-wrap: wrap; }
        .live_payment_7_1_frm .main .num-list ul li {
          width: 33%;
          text-align: center;
          margin: 1.3542409123rem 0;
          font-size: 1.1404133999rem;
          color: #333333; }

.live_payment_result {
  background: #F8F8F8;
  min-height: 100vh; }
  .live_payment_result .main {
    box-sizing: border-box;
    padding-top: 3.5637918746rem;
    padding-bottom: 1.4255167498rem;
    background: #fff; }
    .live_payment_result .main .result-box {
      margin: 0 auto;
      text-align: center;
      background: #fff; }
      .live_payment_result .main .result-box .pic {
        margin: 0 auto;
        width: 9.9073414113rem;
        height: 6.8424803991rem;
        background: url("../image/img/icon_fail.png") no-repeat;
        background-size: 9.9073414113rem; }
        .live_payment_result .main .result-box .pic.active {
          background: url("../image/img/icon_success.png") no-repeat;
          background-size: 9.9073414113rem; }
      .live_payment_result .main .result-box .txt {
        margin-top: 0.5702066999rem;
        font-size: 1.2829650748rem;
        color: #333333; }
      .live_payment_result .main .result-box .desc {
        margin-top: 0.7127583749rem;
        font-size: 1.0691375624rem;
        color: #999999; }
      .live_payment_result .main .result-box .integral {
        margin-top: 0.7127583749rem;
        font-size: 1.0691375624rem;
        color: #999999; }
        .live_payment_result .main .result-box .integral span {
          color: #E00303; }
    .live_payment_result .main .look-order {
      padding-top: 0.9978617249rem;
      text-align: center; }
      .live_payment_result .main .look-order span {
        width: 23.1646471846rem;
        height: 3.2074126871rem;
        background: linear-gradient(270deg, #dd1920 0%, #ff4c53 100%);
        border-radius: 1.6393442623rem;
        text-align: center;
        font-size: 1.1404133999rem;
        color: white;
        line-height: 3.2074126871rem; }
      .live_payment_result .main .look-order.active {
        padding-top: 1.4255167498rem; }
        .live_payment_result .main .look-order.active span {
          border: 1px solid #dd1920;
          background: transparent;
          color: #DD1920; }
  .live_payment_result .dial-box {
    margin-top: 0.5702066999rem;
    height: 31.2188168211rem;
    background: #fff; }
    .live_payment_result .dial-box .num {
      width: 100%;
      height: 1.4967925873rem;
      line-height: 1.4967925873rem;
      font-size: 1.0691375624rem;
      color: #999999;
      padding-top: 1.4255167498rem;
      box-sizing: border-box;
      text-align: center; }
      .live_payment_result .dial-box .num span {
        color: #E00303; }
    .live_payment_result .dial-box .dial {
      width: 24.5901639344rem;
      height: 24.5901639344rem;
      margin: 0 auto;
      margin-top: 1.5680684248rem;
      position: relative; }
      .live_payment_result .dial-box .dial .turntable img {
        width: 100%;
        height: 100%; }
      .live_payment_result .dial-box .dial .pointer {
        width: 5.4169636493rem;
        height: 6.9850320741rem;
        position: absolute;
        left: 50%;
        top: 8.125445474rem;
        transform: translateX(-50%);
        z-index: 999; }
        .live_payment_result .dial-box .dial .pointer img {
          width: 100%;
          height: 100%; }
        .live_payment_result .dial-box .dial .pointer p {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          font-size: 1.2829650748rem;
          color: #fff;
          text-align: center;
          padding-top: 1.0691375624rem;
          box-sizing: border-box; }

.scan_pay {
  min-height: 100vh;
  background: #F8F8F8;
  padding: 1.0691375624rem;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden; }
  .scan_pay .main .merchant {
    width: 100%;
    height: 14.1126158232rem;
    border-radius: 0.5702066999rem;
    background: #fff;
    padding: 1.0691375624rem;
    box-sizing: border-box; }
    .scan_pay .main .merchant .info {
      align-items: center;
      justify-content: space-between;
      padding-bottom: 0.7127583749rem;
      border-bottom: 0.0712758375rem solid #DADADA; }
      .scan_pay .main .merchant .info p {
        font-size: 1.2116892373rem;
        font-weight: bold;
        color: #262626;
        overflow: hidden;
        /*超出部分隐藏*/
        text-overflow: ellipsis;
        /* 超出部分显示省略号 */
        white-space: nowrap;
        /*规定段落中的文本不进行换行 */
        width: 17.8189593728rem;
        /*需要配合宽度来使用*/ }
      .scan_pay .main .merchant .info img {
        width: 4.4191019244rem;
        height: 4.4191019244rem; }
    .scan_pay .main .merchant .desc {
      margin-top: 1.5680684248rem;
      padding-left: 1.4255167498rem;
      background: url("../image/img/icon_money.png") no-repeat left center;
      background-size: 1.0691375624rem;
      font-size: 0.8553100499rem;
      color: #BBBCC1;
      width: 8.5531004989rem;
      height: 1.2116892373rem; }
    .scan_pay .main .merchant .num {
      width: 100%;
      height: 4.2765502495rem;
      padding: 0.7127583749rem 0;
      box-sizing: border-box;
      border-bottom: 0.0712758375rem solid #DADADA; }
      .scan_pay .main .merchant .num p {
        font-size: 1.7818959373rem;
        color: #272B3A;
        font-weight: bold;
        height: 2.3521026372rem;
        line-height: 2.3521026372rem;
        margin-right: 0.3563791875rem; }
      .scan_pay .main .merchant .num input {
        flex: 1;
        height: 2.3521026372rem;
        line-height: 2.3521026372rem;
        font-size: 1.7818959373rem;
        color: #272B3A;
        font-weight: bold; }
  .scan_pay .main .desc {
    margin-top: 0.7127583749rem;
    font-size: 0.8553100499rem;
    color: #999999; }
  .scan_pay .main .btn {
    margin-top: 3.5637918746rem;
    font-weight: bold; }

.my_lottery {
  min-height: 100vh;
  background: #F8F8F8; }
  .my_lottery .main .item {
    padding: 0.7127583749rem 1.0691375624rem;
    box-sizing: border-box;
    background: #fff;
    justify-content: space-between;
    border-bottom: 0.0712758375rem solid #EAEDF0; }
    .my_lottery .main .item .left .title {
      font-size: 1.0691375624rem;
      color: #333333; }
    .my_lottery .main .item .left .time {
      font-size: 0.8553100499rem;
      color: #BBBBBB; }
    .my_lottery .main .item .right .num {
      color: #333333;
      font-size: 1.0691375624rem;
      font-weight: bold; }
    .my_lottery .main .item:last-child {
      border-bottom: none; }

.commonality-color {
  background: #F8F8F8;
  min-height: 100vh; }

.order_list .main .my-courses-tab {
  background: #ffffff;
  height: 2.8510334996rem;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  align-items: center;
  position: fixed;
  z-index: 9;
  width: 100%;
  margin-bottom: 0.3563791875rem; }
  .order_list .main .my-courses-tab:after {
    content: '';
    position: absolute;
    background-color: #DFDFDF;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(0.33); }
  .order_list .main .my-courses-tab .ranking-header-classify.active span {
    font-size: 1.0691375624rem;
    color: #333;
    line-height: 2.9;
    position: relative; }
    .order_list .main .my-courses-tab .ranking-header-classify.active span:after {
      content: '';
      width: 1.9957234498rem;
      height: 0.28510335rem;
      background: #DD1920;
      position: absolute;
      bottom: -1px;
      left: 50%;
      transform: translate(-50%);
      z-index: 99;
      -moz-border-radius: 0.142551675rem;
      -webkit-border-radius: 0.142551675rem;
      border-radius: 0.142551675rem; }
  .order_list .main .my-courses-tab .ranking-header-classify span {
    font-size: 1.0691375624rem;
    color: #999;
    line-height: 2.9;
    white-space: nowrap;
    display: inline-block;
    height: 2.8510334996rem; }

.my-courses-list {
  padding-top: 3.5637918746rem;
  overflow: hidden; }
  .my-courses-list .my-courses-item {
    background: #fff;
    margin-top: 0.7127583749rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.0691375624rem;
    padding-bottom: 0.7127583749rem; }
    .my-courses-list .my-courses-item:first-child {
      margin-top: 0; }
    .my-courses-list .my-courses-item .order-info {
      align-items: center;
      justify-content: space-between;
      height: 3.1361368496rem;
      line-height: 3.1361368496rem;
      width: 100%;
      border-bottom: 0.0712758375rem solid #EAEDF0; }
      .my-courses-list .my-courses-item .order-info .num {
        font-size: 0.9265858874rem;
        color: #999999; }
      .my-courses-list .my-courses-item .order-info .status {
        font-size: 1.0691375624rem;
        color: #999999; }
        .my-courses-list .my-courses-item .order-info .status.red {
          color: #E00303; }
    .my-courses-list .my-courses-item .merchant-info {
      align-items: center;
      height: 3.635067712rem;
      line-height: 3.635067712rem;
      border-bottom: 0.0712758375rem solid #EAEDF0; }
      .my-courses-list .my-courses-item .merchant-info img {
        display: block;
        width: 1.4255167498rem;
        height: 1.4255167498rem;
        margin-right: 0.7127583749rem; }
      .my-courses-list .my-courses-item .merchant-info .name {
        font-size: 0.9265858874rem;
        color: #333333;
        flex: 1; }
      .my-courses-list .my-courses-item .merchant-info .arrow {
        width: 0.8553100499rem;
        height: 0.8553100499rem;
        background: url("../image/img/arrow_right.png") no-repeat;
        background-size: 0.8553100499rem; }
    .my-courses-list .my-courses-item .item-info {
      padding: 1.0691375624rem 0;
      position: relative;
      border-bottom: 0.0712758375rem solid #EAEDF0; }
      .my-courses-list .my-courses-item .item-info:after {
        content: '';
        position: absolute;
        background-color: #DFDFDF;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.33); }
      .my-courses-list .my-courses-item .item-info .courses-details .courses-pic {
        margin-right: 0.7127583749rem; }
        .my-courses-list .my-courses-item .item-info .courses-details .courses-pic img {
          width: 4.5616535994rem;
          height: 4.5616535994rem; }
      .my-courses-list .my-courses-item .item-info .courses-details .courses-text {
        align-content: center;
        display: grid; }
        .my-courses-list .my-courses-item .item-info .courses-details .courses-text .name {
          color: #000;
          font-size: 1.2829650748rem;
          width: 19.2444761226rem;
          overflow: hidden;
          /*超出部分隐藏*/
          text-overflow: ellipsis;
          /* 超出部分显示省略号 */
          white-space: nowrap;
          /*规定段落中的文本不进行换行 */ }
        .my-courses-list .my-courses-item .item-info .courses-details .courses-text .desc {
          color: #999999;
          font-size: 0.8553100499rem;
          width: 19.2444761226rem;
          overflow: hidden;
          /*超出部分隐藏*/
          text-overflow: ellipsis;
          /* 超出部分显示省略号 */
          white-space: nowrap;
          /*规定段落中的文本不进行换行 */ }
        .my-courses-list .my-courses-item .item-info .courses-details .courses-text .price {
          align-items: center;
          justify-content: space-between; }
          .my-courses-list .my-courses-item .item-info .courses-details .courses-text .price .num {
            font-size: 1.0691375624rem;
            color: #333333;
            font-weight: bold; }
          .my-courses-list .my-courses-item .item-info .courses-details .courses-text .price .count {
            font-size: 0.8553100499rem;
            color: #999; }
        .my-courses-list .my-courses-item .item-info .courses-details .courses-text .after {
          justify-content: flex-end;
          width: 100%;
          margin-top: 0.7127583749rem; }
          .my-courses-list .my-courses-item .item-info .courses-details .courses-text .after p {
            width: 4.7754811119rem;
            height: 1.5680684248rem;
            line-height: 1.5680684248rem;
            text-align: center;
            border: 0.0712758375rem solid #979797;
            border-radius: 0.7840342124rem;
            background: white; }
    .my-courses-list .my-courses-item .item-price {
      margin-top: 1.0691375624rem;
      text-align: right; }
      .my-courses-list .my-courses-item .item-price span:first-child {
        font-size: 0.8553100499rem;
        color: #999999; }
      .my-courses-list .my-courses-item .item-price span:last-child {
        font-size: 1.1404133999rem;
        color: #666666; }
    .my-courses-list .my-courses-item .item-operation {
      width: 100%;
      height: 2.1382751247rem;
      margin-top: 1.0691375624rem;
      margin-bottom: 0.7127583749rem;
      display: flex;
      justify-content: flex-end; }
      .my-courses-list .my-courses-item .item-operation p {
        width: 5.7020669993rem;
        height: 2.1382751247rem;
        text-align: center;
        line-height: 2.1382751247rem;
        font-size: 0.9978617249rem; }
        .my-courses-list .my-courses-item .item-operation p.empty {
          width: 5.5595153243rem;
          height: 1.9957234498rem;
          font-size: 0.9978617249rem;
          color: #999999;
          border-radius: 1.2116892373rem;
          border: 0.0712758375rem solid #dddddd; }
          .my-courses-list .my-courses-item .item-operation p.empty:nth-child(2) {
            margin-left: 0.7127583749rem; }
        .my-courses-list .my-courses-item .item-operation p.full {
          margin-left: 0.7127583749rem;
          font-size: 0.9978617249rem;
          border-radius: 1.2116892373rem;
          background: linear-gradient(270deg, #dd1920 0%, #ff4c53 100%);
          color: #fff; }

.order_details .main .order-info .order-status {
  width: 100%;
  height: 7.840342124rem;
  background: url("../image/img/order_bg.png") no-repeat;
  background-size: 26.7284390592rem;
  padding: 1.9957234498rem 1.6393442623rem;
  box-sizing: border-box; }
  .order_details .main .order-info .order-status.status-long {
    height: 10.6913756237rem;
    background: url("../image/img/order_bg.png");
    background-size: 26.7284390592rem; }
  .order_details .main .order-info .order-status .icon {
    padding-left: 2.3521026372rem;
    color: #fff; }
    .order_details .main .order-info .order-status .icon .status {
      height: 1.8531717748rem;
      line-height: 1.8531717748rem;
      font-weight: bold;
      font-size: 1.3542409123rem; }
    .order_details .main .order-info .order-status .icon .desc {
      font-size: 0.9265858874rem;
      margin-top: 0.4276550249rem;
      height: 1.2829650748rem;
      line-height: 1.2829650748rem; }
    .order_details .main .order-info .order-status .icon .contact {
      margin-top: 1.0691375624rem; }
      .order_details .main .order-info .order-status .icon .contact p {
        height: 2.1382751247rem;
        border-radius: 1.2116892373rem;
        line-height: 2.1382751247rem;
        padding: 0 1.0691375624rem;
        border: 0.0712758375rem solid #fff;
        color: #fff;
        font-size: 0.9265858874rem; }
        .order_details .main .order-info .order-status .icon .contact p:first-child {
          margin-right: 0.7127583749rem; }
    .order_details .main .order-info .order-status .icon.wait {
      background: url("../image/img/order_wait.png") no-repeat left 0.3563791875rem;
      background-size: 1.4255167498rem; }
    .order_details .main .order-info .order-status .icon.success {
      background: url("../image/img/order_yes.png") no-repeat left 0.3563791875rem;
      background-size: 1.4255167498rem; }
    .order_details .main .order-info .order-status .icon.fail {
      background: url("../image/img/order_no.png") no-repeat left 0.3563791875rem;
      background-size: 1.4255167498rem; }
.order_details .main .order-info .order-add {
  width: 100%;
  height: 7.1275837491rem;
  padding: 1.0691375624rem;
  box-sizing: border-box;
  background: #fff; }
  .order_details .main .order-info .order-add .type {
    font-size: 1.0691375624rem;
    color: #323233;
    font-weight: bold; }
  .order_details .main .order-info .order-add .address {
    font-size: 0.9978617249rem;
    color: #646466; }
.order_details .main .order-info .line {
  width: 100%;
  height: 0.2138275125rem;
  background: url("../image/img/order_line.png") no-repeat;
  background-size: 100%; }
.order_details .my-courses-list {
  padding: 0;
  margin-top: 0.5702066999rem;
  margin-bottom: 0.7127583749rem; }
.order_details .money-desc {
  width: 100%;
  background: rgba(0, 0, 0, 0.29);
  font-size: 0.9265858874rem;
  color: #fff;
  padding: 0.7127583749rem 1.0691375624rem;
  box-sizing: border-box; }
.order_details .comment {
  width: 100%;
  background: #fff;
  font-size: 0.9265858874rem;
  padding: 1.0691375624rem;
  box-sizing: border-box; }
  .order_details .comment .title {
    font-size: 1.1404133999rem;
    color: #2F3134; }
  .order_details .comment .desc {
    margin-top: 1.0691375624rem;
    color: #666666;
    font-size: 1.1404133999rem; }
  .order_details .comment .img-arr img {
    display: block;
    flex-wrap: wrap;
    width: 7.697790449rem;
    height: 7.697790449rem;
    margin-right: 0.7127583749rem;
    border-radius: 0.3563791875rem;
    margin-top: 1.0691375624rem; }
    .order_details .comment .img-arr img:nth-child(3n) {
      margin-right: 0; }
.order_details .bottom-menu {
  width: 100%;
  min-height: 3.5637918746rem;
  background: #fff;
  align-items: center;
  padding: 1.0691375624rem 1.0691375624rem;
  box-sizing: border-box; }
  .order_details .bottom-menu .num {
    font-size: 1.0691375624rem;
    color: #DD1920;
    flex: 1; }
    .order_details .bottom-menu .num span {
      font-size: 1.2116892373rem;
      font-weight: bold; }
  .order_details .bottom-menu .sbtn {
    width: 5.7020669993rem;
    height: 2.1382751247rem;
    border-radius: 1.2116892373rem;
    font-size: 0.9978617249rem;
    text-align: center;
    line-height: 2.1382751247rem; }
    .order_details .bottom-menu .sbtn.empty {
      width: 5.5595153243rem;
      height: 1.9957234498rem;
      color: #999;
      border: 0.0712758375rem solid #dddddd;
      margin-right: 0.7127583749rem; }
    .order_details .bottom-menu .sbtn.full {
      color: #fff;
      background: linear-gradient(270deg, #dd1920 0%, #ff4c53 100%); }
    .order_details .bottom-menu .sbtn.noLeft {
      margin-right: 0; }
  .order_details .bottom-menu.fr {
    justify-content: flex-end; }

.bottom-line {
  border-bottom: 0.0712758375rem solid #EAEDF0; }

.logistics .main .info {
  width: 100%;
  height: 9.1233071989rem;
  padding: 1.4255167498rem 1.0691375624rem;
  box-sizing: border-box;
  background: #fff; }
  .logistics .main .info .pic {
    position: relative;
    margin-right: 0.9978617249rem; }
    .logistics .main .info .pic img {
      width: 6.2722736992rem;
      height: 6.2722736992rem; }
    .logistics .main .info .pic p {
      width: 100%;
      height: 1.4255167498rem;
      line-height: 1.4255167498rem;
      color: #fff;
      text-align: center;
      background: #222222;
      opacity: 0.59;
      font-size: 0.7840342124rem;
      position: absolute;
      bottom: 0; }
  .logistics .main .info .desc .status {
    font-size: 1.1404133999rem;
    color: #333333;
    font-weight: bold; }
  .logistics .main .info .desc .oth {
    margin-top: 0.7127583749rem;
    font-size: 0.9265858874rem;
    color: #333333; }
.logistics .main .gray-bg {
  width: 100%;
  height: 0.5702066999rem;
  background: #F4F5F6; }
.logistics .main .progess {
  margin-top: 0.5702066999rem;
  background: #fff; }
  .logistics .main .progess h4 {
    width: 100%;
    height: 3.5637918746rem;
    line-height: 3.5637918746rem;
    padding: 0 1.0691375624rem;
    box-sizing: border-box;
    font-size: 1.0691375624rem;
    color: #333333;
    border-bottom: 0.0712758375rem solid #EAEDF0; }
  .logistics .main .progess .package-status {
    padding: 1.0691375624rem;
    box-sizing: border-box; }
  .logistics .main .progess .package-status .status-list {
    margin: 0;
    padding: 0;
    margin-top: -0.3563791875rem;
    padding-left: 0.5702066999rem;
    list-style: none; }
  .logistics .main .progess .package-status .status-list > li {
    border-left: 0.142551675rem solid rgba(211, 211, 211, 0.45);
    text-align: left; }
  .logistics .main .progess .package-status .status-list > li:before {
    /* 流程点的样式 */
    content: '';
    border: 0.0712758375rem solid #999999;
    background-color: #999999;
    display: inline-block;
    width: 0.28510335rem;
    height: 0.28510335rem;
    border-radius: 50%;
    margin-left: -0.28510335rem;
    margin-right: 0.7127583749rem; }
  .logistics .main .progess .package-status .status-list > li:first-child:before {
    border: 0.3563791875rem solid #E11F25;
    width: 0.4276550249rem;
    height: 0.4276550249rem;
    background-color: #fff;
    margin-left: -0.5702066999rem;
    margin-right: 0.7127583749rem; }
  .logistics .main .progess .package-status .status-box {
    overflow: hidden; }
  .logistics .main .progess .package-status .status-list > li {
    height: auto;
    width: 95%; }
  .logistics .main .progess .package-status .status-list {
    margin-top: -8px; }
  .logistics .main .progess .package-status .status-box {
    position: relative; }
  .logistics .main .progess .package-status .status-box:before {
    content: " ";
    background-color: #f3f3f3;
    display: block;
    position: absolute;
    top: -0.5702066999rem;
    left: 1.4255167498rem;
    width: 0.7127583749rem;
    height: 0.28510335rem; }
  .logistics .main .progess .package-status .status-list {
    margin-top: 0; }
  .logistics .main .progess .status-list > li:not(:first-child) {
    padding-top: 2.1382751247rem; }
  .logistics .main .progess .status-content-before {
    text-align: left;
    margin-left: 1.7818959373rem;
    margin-top: -1.4255167498rem;
    font-size: 0.9978617249rem;
    color: #333333; }
  .logistics .main .progess .status-content-latest {
    text-align: left;
    margin-left: 1.7818959373rem;
    color: #0278D8;
    margin-top: -1.4255167498rem; }
  .logistics .main .progess .status-time-before {
    text-align: left;
    margin-left: 1.7818959373rem;
    font-size: 0.8553100499rem;
    margin-top: 0.3563791875rem;
    color: #999999; }
  .logistics .main .progess .status-time-latest {
    text-align: left;
    margin-left: 1.7818959373rem;
    color: #0278D8;
    font-size: 0.7127583749rem;
    margin-top: 0.3563791875rem; }
  .logistics .main .progess .status-line {
    border-bottom: 0.0712758375rem solid #ccc;
    margin-left: 1.7818959373rem;
    margin-top: 0.7127583749rem; }
  .logistics .main .progess .list {
    padding: 0 1.4255167498rem;
    background-color: #F8F8F8;
    margin: 0.7127583749rem 0 0 1.7818959373rem;
    border: 0.0712758375rem solid #EBEBEB; }
  .logistics .main .progess .list li {
    line-height: 2.1382751247rem;
    color: #616161; }

.evaluate_page .main .item {
  background: #fff;
  margin-bottom: 0.5702066999rem;
  padding-bottom: 1.4255167498rem; }
  .evaluate_page .main .item .info {
    padding: 1.0691375624rem;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 0.0712758375rem solid #EAEDF0; }
    .evaluate_page .main .item .info img {
      width: 2.8510334996rem;
      height: 2.8510334996rem;
      margin-right: 0.8553100499rem;
      border-radius: 0.3563791875rem; }
    .evaluate_page .main .item .info .name {
      width: 20.6699928724rem;
      overflow: hidden;
      /*超出部分隐藏*/
      text-overflow: ellipsis;
      /* 超出部分显示省略号 */
      white-space: nowrap;
      /*规定段落中的文本不进行换行 */
      font-size: 0.9978617249rem;
      color: #323233; }
    .evaluate_page .main .item .info .desc {
      width: 20.6699928724rem;
      overflow: hidden;
      /*超出部分隐藏*/
      text-overflow: ellipsis;
      /* 超出部分显示省略号 */
      white-space: nowrap;
      /*规定段落中的文本不进行换行 */
      font-size: 0.8553100499rem;
      color: #999999; }
  .evaluate_page .main .item h4 {
    font-size: 1.1404133999rem;
    color: #2F3134;
    padding: 0 1.0691375624rem;
    box-sizing: border-box;
    margin: 1.4255167498rem 0; }
  .evaluate_page .main .item .star {
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 3.920171062rem;
    padding-bottom: 1.4255167498rem; }
    .evaluate_page .main .item .star span {
      display: block;
      width: 2.1382751247rem;
      height: 2.1382751247rem;
      background: url("../image/img/star_1.png") no-repeat;
      background-size: 2.1382751247rem; }
      .evaluate_page .main .item .star span.active {
        background: url("../image/img/star_2.png") no-repeat;
        background-size: 2.1382751247rem; }
  .evaluate_page .main .item .comment {
    padding: 1.0691375624rem;
    box-sizing: border-box;
    width: 100%;
    height: 7.1275837491rem;
    position: relative; }
    .evaluate_page .main .item .comment textarea {
      width: 100%;
      height: 100%;
      font-size: 1.1404133999rem;
      resize: none; }
    .evaluate_page .main .item .comment p {
      position: absolute;
      right: 0.7127583749rem;
      bottom: 0.7127583749rem;
      color: #B6B9BE;
      font-size: 0.8553100499rem; }

.imgArr {
  margin-top: 1.4255167498rem;
  padding: 0 1.0691375624rem;
  box-sizing: border-box;
  flex-wrap: wrap; }
  .imgArr .img-show {
    width: 7.697790449rem;
    height: 7.697790449rem;
    position: relative;
    margin-right: 0.7127583749rem;
    margin-top: 0.7127583749rem; }
    .imgArr .img-show:nth-child(3n) {
      margin-right: 0; }
    .imgArr .img-show img {
      width: 7.697790449rem;
      height: 7.697790449rem;
      border-radius: 0.3563791875rem; }
    .imgArr .img-show span {
      width: 1.2829650748rem;
      height: 1.2829650748rem;
      display: block;
      position: absolute;
      background: url("../image/img/icon_close.png") no-repeat;
      background-size: 1.2829650748rem;
      right: -0.3563791875rem;
      top: -0.3563791875rem; }
  .imgArr .add-pic {
    width: 7.697790449rem;
    height: 7.697790449rem;
    background: url("../image/img/add-pic.png") no-repeat;
    background-size: 7.697790449rem;
    margin-top: 0.7127583749rem;
    border-radius: 0.3563791875rem; }

.after_sale_1 .my-courses-item .item-info {
  border-bottom: none !important; }
.after_sale_1 .my-courses-list .my-courses-item {
  padding-bottom: 0 !important; }
.after_sale_1 .main .my-courses-list {
  margin-top: 0 !important; }
.after_sale_1 .main .voucher {
  background: #fff;
  padding: 1.0691375624rem;
  box-sizing: border-box; }
  .after_sale_1 .main .voucher .txt {
    margin-top: 0.7127583749rem;
    position: relative;
    height: 11.4041339986rem; }
    .after_sale_1 .main .voucher .txt textarea {
      width: 100%;
      height: 11.4041339986rem;
      border-radius: 0.5702066999rem;
      background: #f8f8f8;
      resize: none;
      padding: 1.0691375624rem;
      box-sizing: border-box; }
    .after_sale_1 .main .voucher .txt p {
      position: absolute;
      bottom: 0.7127583749rem;
      right: 0.7127583749rem;
      font-size: 0.8553100499rem;
      color: #999; }
.after_sale_1 .main .title {
  font-size: 0.8553100499rem;
  color: #999; }
  .after_sale_1 .main .title span {
    font-size: 1.0691375624rem;
    color: #333;
    font-weight: bold; }
.after_sale_1 .main .update {
  background: #fff;
  padding: 0 1.0691375624rem;
  box-sizing: border-box; }
.after_sale_1 .main .imgArr {
  background: #fff;
  margin-top: 0; }
.after_sale_1 .main .btn-bg {
  background: #fff;
  padding-top: 2.1382751247rem;
  padding-bottom: 0.7127583749rem; }

.after_sale_result .main {
  background: #fff; }
  .after_sale_result .main .result-box {
    width: 100%;
    margin: 0 auto;
    margin-top: 3.5637918746rem;
    text-align: center; }
    .after_sale_result .main .result-box .pic {
      width: 7.1275837491rem;
      height: 7.0563079116rem;
      background: url("../image/img/icon_success_1.png") no-repeat;
      background-size: 7.1275837491rem;
      margin: 0 auto; }
    .after_sale_result .main .result-box .txt {
      margin-top: 0.5702066999rem;
      font-size: 1.2829650748rem;
      color: #333333; }
    .after_sale_result .main .result-box .desc {
      font-size: 1.0691375624rem;
      color: #999; }
      .after_sale_result .main .result-box .desc span {
        color: #E00303; }

.after_sale_list .my-courses-list {
  padding-top: 0; }
  .after_sale_list .my-courses-list .my-courses-item {
    padding-bottom: 0; }
    .after_sale_list .my-courses-list .my-courses-item .item-info:last-child {
      border-bottom: none; }

.after_sale_details .my-courses-list .my-courses-item {
  padding-bottom: 0; }
  .after_sale_details .my-courses-list .my-courses-item .item-info:last-child {
    border-bottom: none; }
.after_sale_details .title {
  background: #fff;
  padding: 0 1.0691375624rem;
  padding-top: 1.0691375624rem;
  box-sizing: border-box;
  font-size: 1.0691375624rem;
  color: #333;
  font-weight: bold; }
.after_sale_details .imgArr {
  background: #fff;
  margin-top: 0;
  padding-bottom: 2.1382751247rem; }
.after_sale_details .btn-bg {
  background: #fff;
  padding-bottom: 1.4255167498rem; }

.order_win {
  min-height: 100vh; }
  .order_win .have {
    background: #fff; }
    .order_win .have .title-btn {
      padding: 0 0.7127583749rem 0 1.4255167498rem;
      overflow: hidden;
      background-color: transparent;
      top: 0;
      left: 0;
      right: 0;
      z-index: 999;
      position: relative;
      height: 3.1361368496rem; }
      .order_win .have .title-btn:after {
        content: '';
        position: absolute;
        background-color: #DFDFDF;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.33); }
      .order_win .have .title-btn span {
        display: block;
        width: 1.5680684248rem;
        height: 1.5680684248rem;
        background: url(../image/back.png) no-repeat center;
        background-size: 1.5680684248rem;
        float: left;
        position: absolute;
        top: 0.8553100499rem;
        left: 1.4255167498rem; }
      .order_win .have .title-btn p {
        position: absolute;
        width: 5.7020669993rem;
        top: 0.7127583749rem;
        left: 50%;
        transform: translateX(-50%);
        font-size: 1.2116892373rem;
        color: #333;
        background: url("../image/img/arrow_down.png") no-repeat right center;
        background-size: 0.7127583749rem; }
        .order_win .have .title-btn p.active {
          background: url("../image/img/arrow_up.png") no-repeat right center;
          background-size: 0.7127583749rem; }
        .order_win .have .title-btn p i {
          font-style: normal; }

.order_frm {
  min-height: 100vh;
  background: rgba(0, 0, 0, 0.4); }
  .order_frm .list .choose-tab {
    background: #fff;
    padding: 0.7127583749rem 1.0691375624rem;
    box-sizing: border-box; }
    .order_frm .list .choose-tab p {
      font-size: 1.0691375624rem;
      color: #666666;
      height: 2.1382751247rem;
      line-height: 2.1382751247rem;
      margin-top: 0.7127583749rem; }
      .order_frm .list .choose-tab p.active {
        color: #E00303; }

.my_generalize {
  background: url(../image/img/my_bg2.png) #fff no-repeat;
  background-size: 100%;
  min-height: 100vh; }
  .my_generalize .header .stick-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 16;
    opacity: 0; }
    .my_generalize .header .stick-header .box {
      align-items: center;
      justify-content: center;
      height: 3.1361368496rem;
      position: relative; }
      .my_generalize .header .stick-header .box:after {
        content: '';
        position: absolute;
        background-color: #EDEDF0;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.5); }
      .my_generalize .header .stick-header .box a {
        width: 1.5680684248rem;
        height: 1.5680684248rem;
        background: url(../image/back.png) no-repeat center;
        background-size: 1.5680684248rem;
        position: absolute;
        left: 1.4255167498rem;
        top: 50%;
        transform: translateY(-50%); }
      .my_generalize .header .stick-header .box h2 {
        font-size: 1.2116892373rem;
        color: #333333;
        line-height: 1.7106200998rem;
        height: 1.7106200998rem; }
  .my_generalize .header .title {
    font-size: 1.2116892373rem;
    font-weight: 500;
    text-align: center;
    color: #fff;
    position: relative; }
    .my_generalize .header .title img {
      display: block;
      width: 1.5680684248rem;
      height: 1.5680684248rem;
      position: absolute;
      left: 1.4255167498rem;
      top: 50%;
      transform: translateY(-50%); }
  .my_generalize .main {
    margin-top: 1.7818959373rem;
    margin-bottom: 4.9893086244rem; }
    .my_generalize .main .code-box {
      width: 11.0477548111rem;
      height: 11.903064861rem;
      background: #fff;
      border-radius: 0.28510335rem;
      margin: 0 auto;
      margin-top: 3.5637918746rem;
      padding: 1.0691375624rem;
      padding-bottom: 0;
      box-sizing: border-box;
      box-shadow: 0 0.142551675rem 0.7127583749rem 0 rgba(187, 187, 187, 0.3);
      text-align: center; }
      .my_generalize .main .code-box img {
        width: 8.9094796864rem;
        height: 8.9094796864rem; }
      .my_generalize .main .code-box p {
        font-size: 0.8553100499rem;
        color: #B6B9BE;
        margin-top: 0.2138275125rem; }
    .my_generalize .main .code {
      width: 11.0477548111rem;
      height: 2.9935851746rem;
      line-height: 2.9935851746rem;
      background: url(../image/copy-icon.png) no-repeat center;
      background-size: contain;
      text-align: center;
      margin: 1.0691375624rem auto;
      margin-bottom: 1.9957234498rem; }
      .my_generalize .main .code .num {
        font-size: 1.1404133999rem;
        color: #333333;
        width: 6.2009978617rem; }
      .my_generalize .main .code .copy {
        font-size: 1.1404133999rem;
        color: #E00303;
        width: 4.7754811119rem; }
    .my_generalize .main .my-group .title {
      height: 3.5637918746rem;
      width: 100%;
      padding: 0 1.0691375624rem;
      box-sizing: border-box;
      line-height: 3.5637918746rem;
      align-items: center;
      justify-content: space-between;
      border-bottom: 0.0712758375rem solid #EAEDF0; }
      .my_generalize .main .my-group .title h4 {
        font-size: 1.2116892373rem;
        color: #333333; }
      .my_generalize .main .my-group .title p {
        width: 2.8510334996rem;
        font-size: 1.0691375624rem;
        color: #333333;
        background: url("../image/img/arrow_down.png") no-repeat right center;
        background-size: 0.4276550249rem; }
    .my_generalize .main .my-group.active {
      padding-top: 3.635067712rem; }
      .my_generalize .main .my-group.active .title {
        position: fixed;
        width: 100%;
        background: #fff;
        left: 0; }
    .my_generalize .main .my-group .statistics-box {
      width: 24.7327156094rem;
      height: 6.4148253742rem;
      margin: 1.0691375624rem auto;
      background: #F8F8F8;
      padding-top: 1.4255167498rem;
      box-sizing: border-box;
      border-radius: 0.142551675rem; }
      .my_generalize .main .my-group .statistics-box .statistics {
        width: 33%;
        text-align: center; }
        .my_generalize .main .my-group .statistics-box .statistics .name {
          font-size: 0.9265858874rem;
          color: #333333; }
        .my_generalize .main .my-group .statistics-box .statistics .num {
          font-size: 1.1404133999rem;
          color: #333333;
          margin-top: 0.5702066999rem;
          font-weight: bold; }
          .my_generalize .main .my-group .statistics-box .statistics .num span {
            font-size: 0.7127583749rem; }
    .my_generalize .main .my-group .detail-item {
      align-items: center;
      border-bottom: 1px solid #ededf0;
      width: 100%;
      height: 4.347826087rem;
      padding: 0 0.9978617249rem;
      box-sizing: border-box; }
      .my_generalize .main .my-group .detail-item:last-child {
        border-bottom: none; }
      .my_generalize .main .my-group .detail-item .left {
        flex: 1; }
        .my_generalize .main .my-group .detail-item .left .name {
          font-size: 1.0691375624rem;
          color: #333; }
        .my_generalize .main .my-group .detail-item .left .date {
          font-size: 0.8553100499rem;
          color: #BBBBBB; }
      .my_generalize .main .my-group .detail-item .middle {
        margin-right: 0.7127583749rem; }
        .my_generalize .main .my-group .detail-item .middle .num {
          font-size: 0.9978617249rem;
          color: #333;
          text-align: right;
          font-weight: bold; }
        .my_generalize .main .my-group .detail-item .middle .status {
          font-size: 0.9265858874rem;
          color: #666;
          text-align: right; }
      .my_generalize .main .my-group .detail-item .right {
        width: 0.7127583749rem;
        height: 1.4255167498rem; }
        .my_generalize .main .my-group .detail-item .right img {
          width: 100%;
          height: 100%; }
    .my_generalize .main .my-group .btn-box {
      width: 100%;
      background: #fff;
      height: 3.5637918746rem;
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      align-items: center; }
      .my_generalize .main .my-group .btn-box p {
        width: 50%;
        height: 2.8510334996rem;
        line-height: 2.8510334996rem;
        text-align: center;
        font-size: 1.2829650748rem;
        color: #333333; }
        .my_generalize .main .my-group .btn-box p.sure {
          color: #E00303;
          border-left: 1px solid #DADADA; }
    .my_generalize .main .pop-window {
      width: 100%;
      height: 100vh;
      background: rgba(0, 0, 0, 0.39);
      position: fixed;
      top: 0;
      left: 0;
      z-index: 20; }
      .my_generalize .main .pop-window .share-pop {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: white;
        border-radius: 0.5702066999rem 0.5702066999rem 0 0; }
        .my_generalize .main .pop-window .share-pop .way {
          height: 9.6222380613rem;
          align-items: center;
          position: relative; }
          .my_generalize .main .pop-window .share-pop .way:after {
            content: '';
            position: absolute;
            background-color: #EDEDF0;
            display: block;
            z-index: 15;
            top: auto;
            right: auto;
            bottom: 0;
            left: 0;
            height: 1px;
            width: 100%;
            transform-origin: 50% 100%;
            transform: scaleY(0.5); }
          .my_generalize .main .pop-window .share-pop .way .share-btn {
            width: 50%;
            flex: 1;
            text-align: center; }
            .my_generalize .main .pop-window .share-pop .way .share-btn span {
              display: inline-block;
              width: 3.9914468995rem;
              text-align: center;
              font-size: 0.9978617249rem;
              color: #666666;
              line-height: 1.4255167498rem;
              padding-top: 3.920171062rem;
              background: url(../image/share-wx.png) no-repeat top center;
              background-size: 3.920171062rem; }
              .my_generalize .main .pop-window .share-pop .way .share-btn span.active {
                background: url(../image/share-pyq.png) no-repeat top center;
                background-size: 3.920171062rem; }
        .my_generalize .main .pop-window .share-pop .close-pop {
          height: 3.7063435495rem;
          font-size: 1.1404133999rem;
          color: #999999;
          line-height: 3.7063435495rem;
          text-align: center; }

.filament {
  position: relative; }
  .filament:after {
    content: '';
    position: absolute;
    background-color: #DFDFDF;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(0.33); }

.frame3 {
  min-height: 100vh;
  background: #F8F8F8;
  box-sizing: border-box; }
  .frame3 .header {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999; }
    .frame3 .header .header-title {
      height: 3.1361368496rem;
      position: relative; }
      .frame3 .header .header-title:after {
        content: '';
        position: absolute;
        background-color: #DFDFDF;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.33); }
      .frame3 .header .header-title h2 {
        font-size: 1.2116892373rem;
        color: #333333;
        line-height: 3.1361368496rem;
        text-align: center; }
      .frame3 .header .header-title span {
        font-size: 1.1404133999rem;
        color: #333333;
        line-height: 1.5680684248rem;
        position: absolute;
        right: 1.0691375624rem;
        top: 50%;
        transform: translateY(-50%); }
    .frame3 .header .tab-menu {
      height: 2.8510334996rem;
      background: #fff;
      width: 100%;
      padding: 0 2.8510334996rem;
      box-sizing: border-box;
      margin-top: 0.3563791875rem; }
      .frame3 .header .tab-menu ul {
        justify-content: space-between;
        width: 100%;
        height: 2.8510334996rem; }
        .frame3 .header .tab-menu ul li {
          font-size: 1.0691375624rem;
          color: #999999;
          height: 2.8510334996rem;
          line-height: 2.8510334996rem;
          position: relative; }
          .frame3 .header .tab-menu ul li.active {
            color: #333; }
            .frame3 .header .tab-menu ul li.active:after {
              content: '';
              width: 1.7106200998rem;
              height: 0.2138275125rem;
              position: absolute;
              background: linear-gradient(270deg, #ff6267 0%, #dd1920 100%);
              left: 50%;
              bottom: 0;
              transform: translateX(-50%); }
  .frame3 .main {
    margin-top: 5.9871703493rem;
    padding-bottom: 3.7063435495rem; }
    .frame3 .main .product-list {
      padding: 1.0691375624rem;
      box-sizing: border-box;
      width: 100%; }
      .frame3 .main .product-list .product-item {
        width: 100%;
        background: #fff;
        border-radius: 0.5702066999rem;
        padding-bottom: 1.0691375624rem;
        margin-bottom: 0.7127583749rem; }
        .frame3 .main .product-list .product-item .store-info {
          height: 2.9935851746rem;
          padding: 0 1.0691375624rem;
          box-sizing: border-box;
          align-items: center; }
          .frame3 .main .product-list .product-item .store-info .check-box {
            width: 1.0691375624rem;
            height: 1.0691375624rem;
            background: url("../image/img/check_icon_1.png") no-repeat;
            background-size: 1.0691375624rem;
            margin-right: 1.4255167498rem; }
            .frame3 .main .product-list .product-item .store-info .check-box.active {
              background: url("../image/img/check_icon_2.png") no-repeat;
              background-size: 1.0691375624rem; }
          .frame3 .main .product-list .product-item .store-info img {
            width: 1.4255167498rem;
            height: 1.4255167498rem;
            margin-right: 0.7127583749rem; }
          .frame3 .main .product-list .product-item .store-info .name {
            font-size: 0.9265858874rem;
            color: #333333;
            flex: 1; }
        .frame3 .main .product-list .product-item .product-info {
          padding: 1.0691375624rem;
          box-sizing: border-box;
          width: 100%;
          align-items: center; }
          .frame3 .main .product-list .product-item .product-info .check-box {
            width: 1.0691375624rem;
            height: 1.0691375624rem;
            background: url("../image/img/check_icon_1.png") no-repeat;
            background-size: 1.0691375624rem;
            margin-right: 1.4255167498rem; }
            .frame3 .main .product-list .product-item .product-info .check-box.active {
              background: url("../image/img/check_icon_2.png") no-repeat;
              background-size: 1.0691375624rem; }
          .frame3 .main .product-list .product-item .product-info .product img {
            width: 4.8467569494rem;
            height: 4.8467569494rem;
            border-radius: 0.3563791875rem;
            margin-right: 0.9265858874rem; }
          .frame3 .main .product-list .product-item .product-info .product .title {
            align-content: space-between;
            flex-wrap: wrap;
            width: 12.8296507484rem; }
            .frame3 .main .product-list .product-item .product-info .product .title .name {
              width: 12.8296507484rem;
              font-size: 0.8553100499rem;
              color: #333333; }
            .frame3 .main .product-list .product-item .product-info .product .title .type {
              display: inline-block;
              height: 1.6393442623rem;
              line-height: 1.6393442623rem;
              padding: 0 1.7818959373rem 0 0.4989308624rem;
              border-radius: 0.7127583749rem;
              background: url("../image/img/arrow_down_2.png") #F5F5F5 no-repeat 90% center;
              background-size: 0.8553100499rem; }
        .frame3 .main .product-list .product-item .price {
          align-items: center;
          justify-content: flex-end;
          padding: 0 1.0691375624rem;
          box-sizing: border-box; }
          .frame3 .main .product-list .product-item .price .num {
            font-size: 0.9265858874rem;
            color: #E00303;
            font-weight: bold;
            margin-right: 3.5637918746rem; }
            .frame3 .main .product-list .product-item .price .num span {
              font-size: 0.7127583749rem;
              font-weight: 400; }
          .frame3 .main .product-list .product-item .price .shopping-number {
            width: 11.6892373485rem;
            height: 2.4233784747rem;
            border: 1px solid #999999;
            text-align: center;
            align-items: center;
            border-radius: 0.142551675rem;
            /*display:inline-block;*/ }
            .frame3 .main .product-list .product-item .price .shopping-number a {
              display: block;
              width: 3.2786885246rem;
              height: 2.4233784747rem;
              background: url(../image/number-minus-icon.png) no-repeat center;
              background-size: 0.7127583749rem 0.142551675rem; }
              .frame3 .main .product-list .product-item .price .shopping-number a.active {
                background: url(../image/number-add-icon.png) no-repeat center;
                background-size: 0.7127583749rem 0.6414825374rem; }
            .frame3 .main .product-list .product-item .price .shopping-number .number {
              flex: 1;
              height: 2.4233784747rem;
              align-items: center;
              border-left: 1px solid #999999;
              border-right: 1px solid #999999; }
              .frame3 .main .product-list .product-item .price .shopping-number .number input {
                width: 100%;
                border: none;
                font-size: 0.9265858874rem;
                color: #666666;
                line-height: 1.2829650748rem;
                text-align: center; }
        .frame3 .main .product-list .product-item .money {
          color: #999;
          font-size: 0.7840342124rem;
          margin-top: 0.5702066999rem;
          width: 100%;
          text-align: right;
          padding: 0 1.0691375624rem;
          box-sizing: border-box; }
    .frame3 .main .settle {
      width: 100%;
      height: 3.7063435495rem;
      padding: 0 1.0691375624rem;
      box-sizing: border-box;
      background: #fff;
      position: fixed;
      bottom: 0;
      left: 0;
      align-items: center;
      justify-content: space-between;
      z-index: 999; }
      .frame3 .main .settle .all {
        font-size: 0.9265858874rem;
        color: #333333;
        width: 3.5637918746rem;
        padding-left: 1.7818959373rem;
        background: url("../image/img/check_icon_1.png") no-repeat left center;
        background-size: 1.0691375624rem; }
        .frame3 .main .settle .all.active {
          background: url("../image/img/check_icon_2.png") no-repeat left center;
          background-size: 1.0691375624rem; }
      .frame3 .main .settle .allall {
        margin-right: 1.0691375624rem; }
      .frame3 .main .settle .tab-menu {
        align-items: center; }
        .frame3 .main .settle .tab-menu .tit {
          font-size: 1.0691375624rem;
          color: #333333;
          margin-right: 0.4276550249rem;
          line-height: 1.9244476123rem; }
        .frame3 .main .settle .tab-menu .num {
          font-size: 1.2116892373rem;
          color: #333333;
          font-weight: bold;
          line-height: 1.9244476123rem; }
          .frame3 .main .settle .tab-menu .num span {
            font-size: 0.9978617249rem;
            font-weight: 400; }
        .frame3 .main .settle .tab-menu .sbtn {
          min-width: 7.840342124rem;
          text-align: center;
          background: #dd1920;
          border-radius: 1.4255167498rem;
          font-size: 1.1404133999rem;
          color: #fff;
          height: 2.7084818247rem;
          line-height: 2.7084818247rem; }
      .frame3 .main .settle .del {
        width: 6.1297220242rem;
        height: 2.1382751247rem;
        border-radius: 1.4255167498rem;
        border: 0.0712758375rem solid rgba(224, 3, 3, 0.57);
        line-height: 2.1382751247rem;
        text-align: center;
        font-size: 0.9978617249rem;
        color: #E00303; }
      .frame3 .main .settle .freeze {
        font-size: 0.7840342124rem;
        color: #999999;
        text-align: right; }
    .frame3 .main .pop-window {
      width: 100%;
      height: 100vh;
      background: rgba(0, 0, 0, 0.39);
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9999; }
      .frame3 .main .pop-window .share-pop {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: white;
        border-radius: 0.5702066999rem 0.5702066999rem 0px 0px; }
        .frame3 .main .pop-window .share-pop .way {
          height: 9.6222380613rem;
          align-items: center;
          position: relative; }
          .frame3 .main .pop-window .share-pop .way:after {
            content: '';
            position: absolute;
            background-color: #EDEDF0;
            display: block;
            z-index: 15;
            top: auto;
            right: auto;
            bottom: 0;
            left: 0;
            height: 1px;
            width: 100%;
            transform-origin: 50% 100%;
            transform: scaleY(0.5); }
          .frame3 .main .pop-window .share-pop .way .share-btn {
            width: 50%;
            flex: 1;
            text-align: center; }
            .frame3 .main .pop-window .share-pop .way .share-btn span {
              display: inline-block;
              width: 3.9914468995rem;
              text-align: center;
              font-size: 0.9978617249rem;
              color: #666666;
              line-height: 1.4255167498rem;
              padding-top: 3.920171062rem;
              background: url(../image/share-wx.png) no-repeat top center;
              background-size: 3.920171062rem; }
              .frame3 .main .pop-window .share-pop .way .share-btn span.active {
                background: url(../image/share-pyq.png) no-repeat top center;
                background-size: 3.920171062rem; }
        .frame3 .main .pop-window .share-pop .close-pop {
          height: 3.7063435495rem;
          font-size: 1.1404133999rem;
          color: #999999;
          line-height: 3.7063435495rem;
          text-align: center; }
      .frame3 .main .pop-window .add-shopping {
        background: white;
        border-radius: 0.5702066999rem 0.5702066999rem 0px 0px;
        padding: 1.4255167498rem 1.0691375624rem 0.3563791875rem 1.0691375624rem;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; }
        .frame3 .main .pop-window .add-shopping .shoping-message {
          align-items: flex-end; }
          .frame3 .main .pop-window .add-shopping .shoping-message img {
            display: block;
            width: 6.9850320741rem;
            height: 6.9850320741rem;
            border-radius: 0.28510335rem;
            margin-right: 0.7127583749rem; }
          .frame3 .main .pop-window .add-shopping .shoping-message .right {
            flex: 1; }
            .frame3 .main .pop-window .add-shopping .shoping-message .right .price {
              font-size: 1.2829650748rem;
              color: #e84c51;
              line-height: 1.4255167498rem; }
              .frame3 .main .pop-window .add-shopping .shoping-message .right .price:before {
                content: '￥';
                font-size: 0.9978617249rem; }
            .frame3 .main .pop-window .add-shopping .shoping-message .right .message {
              font-size: 0.9265858874rem;
              color: #666666;
              line-height: 1.2829650748rem;
              padding-bottom: 0.142551675rem;
              padding-top: 0.142551675rem; }
        .frame3 .main .pop-window .add-shopping .shopping-labe {
          padding-top: 1.4255167498rem; }
          .frame3 .main .pop-window .add-shopping .shopping-labe h2 {
            font-size: 0.9978617249rem;
            color: #333333;
            line-height: 1.4255167498rem; }
          .frame3 .main .pop-window .add-shopping .shopping-labe span {
            padding: 0 0.8553100499rem;
            height: 2.4233784747rem;
            background: white;
            border-radius: 0.142551675rem;
            border: 1px solid #999999;
            font-size: 0.8553100499rem;
            color: #666666;
            line-height: 2.4233784747rem;
            text-align: center;
            margin: 0.7127583749rem 1.0691375624rem 0 0;
            display: inline-block; }
            .frame3 .main .pop-window .add-shopping .shopping-labe span.active {
              border: 1px solid #e84c51;
              color: #E84C51; }
          .frame3 .main .pop-window .add-shopping .shopping-labe .shopping-number {
            margin-top: 0.7127583749rem;
            width: 11.6892373485rem;
            height: 2.4233784747rem;
            border: 1px solid #999999;
            text-align: center;
            align-items: center;
            border-radius: 0.142551675rem;
            /*display:inline-block;*/ }
            .frame3 .main .pop-window .add-shopping .shopping-labe .shopping-number a {
              display: block;
              width: 3.2786885246rem;
              height: 2.4233784747rem;
              background: url(../image/number-minus-icon.png) no-repeat center;
              background-size: 0.7127583749rem 0.142551675rem; }
              .frame3 .main .pop-window .add-shopping .shopping-labe .shopping-number a.active {
                background: url(../image/number-add-icon.png) no-repeat center;
                background-size: 0.7127583749rem 0.6414825374rem; }
            .frame3 .main .pop-window .add-shopping .shopping-labe .shopping-number .number {
              flex: 1;
              height: 2.4233784747rem;
              align-items: center;
              border-left: 1px solid #999999;
              border-right: 1px solid #999999; }
              .frame3 .main .pop-window .add-shopping .shopping-labe .shopping-number .number input {
                width: 100%;
                border: none;
                font-size: 0.9265858874rem;
                color: #666666;
                line-height: 1.2829650748rem;
                text-align: center; }
        .frame3 .main .pop-window .add-shopping .go-btn {
          padding-top: 2.4946543122rem; }
          .frame3 .main .pop-window .add-shopping .go-btn span {
            width: 11.8317890235rem;
            height: 2.8510334996rem;
            background: #dd1920;
            border-radius: 1.4255167498rem;
            text-align: center;
            margin-right: 0.6414825374rem;
            font-size: 1.0691375624rem;
            color: white;
            line-height: 2.8510334996rem; }
            .frame3 .main .pop-window .add-shopping .go-btn span.active {
              background: #faa632;
              margin-right: 0; }

.frame2 {
  min-height: 100vh;
  background: #F8F8F8;
  box-sizing: border-box; }
  .frame2 .header {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999; }
    .frame2 .header .header-title {
      height: 3.1361368496rem;
      position: relative; }
      .frame2 .header .header-title:after {
        content: '';
        position: absolute;
        background-color: #DFDFDF;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.33); }
      .frame2 .header .header-title .title {
        margin: 0 auto; }
        .frame2 .header .header-title .title p.name {
          font-size: 1.2116892373rem;
          color: #333333;
          line-height: 3.1361368496rem;
          text-align: center;
          position: relative; }
          .frame2 .header .header-title .title p.name:first-child {
            margin-right: 4.062722737rem; }
          .frame2 .header .header-title .title p.name.active {
            font-weight: bold; }
            .frame2 .header .header-title .title p.name.active:after {
              content: '';
              width: 1.7106200998rem;
              height: 0.2138275125rem;
              position: absolute;
              background: linear-gradient(270deg, #ff6267 0%, #dd1920 100%);
              left: 50%;
              bottom: 0;
              transform: translateX(-50%); }
      .frame2 .header .header-title span {
        font-size: 1.1404133999rem;
        color: #333333;
        line-height: 1.5680684248rem;
        position: absolute;
        right: 1.0691375624rem;
        top: 50%;
        transform: translateY(-50%); }
  .frame2 .main {
    margin-top: 3.1361368496rem;
    padding: 1.0691375624rem;
    box-sizing: border-box; }
    .frame2 .main .news-list {
      width: 100%;
      overflow: hidden; }
      .frame2 .main .news-list .news-item {
        float: left;
        width: 11.903064861rem;
        margin-right: 0.7127583749rem;
        margin-bottom: 0.7127583749rem;
        position: relative;
        overflow: hidden;
        /*&:nth-child(2n+1){
  .cover{
    height:torem(220px);
  }
}
&:nth-child(2n+3){
  .cover{
    height:torem(80px);
  }
}*/ }
        .frame2 .main .news-list .news-item .cover {
          width: 11.6892373485rem;
          height: 15.680684248rem;
          border-radius: 0.3563791875rem 0.3563791875rem 0 0;
          position: relative; }
          .frame2 .main .news-list .news-item .cover img {
            width: 11.6892373485rem;
            height: 15.680684248rem;
            border-radius: 0.3563791875rem 0.3563791875rem 0 0; }
          .frame2 .main .news-list .news-item .cover p {
            position: absolute; }
        .frame2 .main .news-list .news-item .info-box {
          padding: 0.7127583749rem;
          box-sizing: border-box;
          background: #fff;
          border-radius: 0 0 0.3563791875rem 0.3563791875rem; }
          .frame2 .main .news-list .news-item .info-box .title {
            overflow: hidden;
            /*超出部分隐藏*/
            text-overflow: ellipsis;
            /* 超出部分显示省略号 */
            white-space: nowrap;
            /*规定段落中的文本不进行换行 */
            width: 10.6913756237rem;
            /*需要配合宽度来使用*/
            font-size: 0.9978617249rem;
            color: #333333; }
          .frame2 .main .news-list .news-item .info-box .info {
            justify-content: space-between; }
            .frame2 .main .news-list .news-item .info-box .info .author {
              align-items: center; }
              .frame2 .main .news-list .news-item .info-box .info .author img {
                width: 1.2829650748rem;
                height: 1.2829650748rem;
                border-radius: 50%;
                margin-right: 0.4276550249rem; }
              .frame2 .main .news-list .news-item .info-box .info .author .name {
                font-size: 0.8553100499rem;
                color: #333333; }
            .frame2 .main .news-list .news-item .info-box .info .look-num {
              align-items: center; }
              .frame2 .main .news-list .news-item .info-box .info .look-num img {
                width: 0.7127583749rem;
                height: 0.4989308624rem;
                margin-right: 0.3563791875rem; }
              .frame2 .main .news-list .news-item .info-box .info .look-num .num {
                font-size: 0.7840342124rem;
                color: #999999; }
        .frame2 .main .news-list .news-item:nth-child(2n) {
          margin-right: 0;
          float: right; }
        .frame2 .main .news-list .news-item:nth-child(4n) {
          margin-top: -9.9073414113rem; }
        .frame2 .main .news-list .news-item.active {
          overflow: hidden; }
          .frame2 .main .news-list .news-item.active .cover {
            height: 5.7020669993rem; }
            .frame2 .main .news-list .news-item.active .cover img {
              height: 5.7020669993rem; }

.news_details .cover {
  width: 100%;
  height: 26.7284390592rem; }
  .news_details .cover img {
    width: 100%;
    height: 100%; }
.news_details .main {
  padding-bottom: 3.5637918746rem; }
  .news_details .main .conent {
    padding: 1.0691375624rem; }
    .news_details .main .conent h4 {
      font-size: 1.4255167498rem;
      color: #222222; }
    .news_details .main .conent .author {
      align-items: center;
      margin-top: 0.7127583749rem; }
      .news_details .main .conent .author img {
        width: 2.5659301497rem;
        height: 2.5659301497rem;
        border-radius: 50%;
        margin-right: 0.3563791875rem; }
      .news_details .main .conent .author .info {
        flex: 1; }
        .news_details .main .conent .author .info .name {
          font-size: 1.0691375624rem;
          color: #666666; }
        .news_details .main .conent .author .info .time {
          font-size: 0.8553100499rem;
          color: #BBBBBB; }
      .news_details .main .conent .author .num {
        padding-left: 1.2116892373rem;
        background: url("../image/img/icon-look.png") no-repeat left center;
        background-size: 0.8553100499rem;
        font-size: 0.7840342124rem;
        color: #999999; }
    .news_details .main .conent .text {
      margin-top: 1.0691375624rem; }
      .news_details .main .conent .text p {
        font-size: 1.0691375624rem;
        color: #444444;
        line-height: 1.7818959373rem; }
  .news_details .main h4.title {
    width: 100%;
    height: 3.5637918746rem;
    padding: 0 1.0691375624rem;
    line-height: 3.5637918746rem;
    font-size: 1.0691375624rem;
    color: #333333;
    box-sizing: border-box; }
  .news_details .main .content-box {
    padding: 0 1.0691375624rem;
    box-sizing: border-box;
    padding-bottom: 1.4255167498rem; }
    .news_details .main .content-box .content-item {
      margin-top: 1.0691375624rem; }
      .news_details .main .content-box .content-item .head-pic {
        width: 2.8510334996rem;
        height: 2.8510334996rem;
        margin-right: 0.7127583749rem; }
        .news_details .main .content-box .content-item .head-pic img {
          width: 100%;
          height: 100%;
          border-radius: 50%; }
      .news_details .main .content-box .content-item .content-detail {
        padding-bottom: 1.0691375624rem;
        width: 21.0263720599rem; }
        .news_details .main .content-box .content-item .content-detail .name {
          font-size: 0.9265858874rem;
          color: #333333;
          font-weight: bold; }
        .news_details .main .content-box .content-item .content-detail .text {
          margin-top: 0.5702066999rem;
          font-size: 0.9978617249rem;
          color: #2C3540;
          line-height: 1.4255167498rem; }
        .news_details .main .content-box .content-item .content-detail .other {
          margin-top: 0.7127583749rem;
          justify-content: space-between;
          align-items: center; }
          .news_details .main .content-box .content-item .content-detail .other .time {
            font-size: 0.8553100499rem;
            color: #999999; }
          .news_details .main .content-box .content-item .content-detail .other .reply-btn {
            font-size: 0.8553100499rem;
            color: #666666; }
      .news_details .main .content-box .content-item .reply-box {
        background: #F8F8F8;
        border-radius: 0.4276550249rem;
        width: 21.0263720599rem;
        float: right;
        padding-bottom: 1.4255167498rem;
        margin-top: 0.7127583749rem; }
        .news_details .main .content-box .content-item .reply-box .reply-item {
          padding: 1.0691375624rem;
          box-sizing: border-box; }
          .news_details .main .content-box .content-item .reply-box .reply-item .reply-head-pic {
            width: 2.8510334996rem;
            height: 2.8510334996rem;
            margin-right: 0.7127583749rem; }
            .news_details .main .content-box .content-item .reply-box .reply-item .reply-head-pic img {
              width: 100%;
              height: 100%;
              border-radius: 50%; }
          .news_details .main .content-box .content-item .reply-box .reply-item .reply-content-detail {
            width: 15.3243050606rem; }
            .news_details .main .content-box .content-item .reply-box .reply-item .reply-content-detail .name {
              font-size: 0.9265858874rem;
              color: #333333; }
            .news_details .main .content-box .content-item .reply-box .reply-item .reply-content-detail .text {
              margin-top: 0.5702066999rem;
              font-size: 0.9978617249rem;
              color: #2C3540;
              line-height: 1.4255167498rem; }
              .news_details .main .content-box .content-item .reply-box .reply-item .reply-content-detail .text span {
                color: #2C3540;
                font-weight: bold; }
                .news_details .main .content-box .content-item .reply-box .reply-item .reply-content-detail .text span i {
                  font-style: normal; }
            .news_details .main .content-box .content-item .reply-box .reply-item .reply-content-detail .other {
              margin-top: 0.7127583749rem;
              justify-content: space-between;
              align-items: center; }
              .news_details .main .content-box .content-item .reply-box .reply-item .reply-content-detail .other .time {
                font-size: 0.8553100499rem;
                color: #999999; }
              .news_details .main .content-box .content-item .reply-box .reply-item .reply-content-detail .other .reply-btn {
                font-size: 0.8553100499rem;
                color: #666666; }
        .news_details .main .content-box .content-item .reply-box .more {
          width: 100%;
          text-align: center;
          font-size: 0.9265858874rem;
          color: #E84C51; }
  .news_details .main .bottom-tab {
    width: 100%;
    height: 3.5637918746rem;
    padding: 0 1.0691375624rem;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 19; }
    .news_details .main .bottom-tab input {
      width: 15.3243050606rem;
      height: 2.4946543122rem;
      background: #f6f6f6;
      border-radius: 0.28510335rem;
      padding: 0.4989308624rem 0.7127583749rem;
      box-sizing: border-box; }
    .news_details .main .bottom-tab p.like {
      width: 1.4255167498rem;
      height: 1.4255167498rem;
      background: url("../image/img/icon_like.png") no-repeat;
      background-size: 1.4255167498rem; }
      .news_details .main .bottom-tab p.like.active {
        background: url("../image/img/icon_like_.png") no-repeat;
        background-size: 1.4255167498rem; }
    .news_details .main .bottom-tab .comment {
      position: relative;
      width: 1.4255167498rem;
      height: 1.4255167498rem;
      background: url("../image/img/icon_comment.png") no-repeat;
      background-size: 1.4255167498rem; }
      .news_details .main .bottom-tab .comment p {
        position: absolute;
        padding: 0 0.3563791875rem;
        height: 1.0691375624rem;
        line-height: 1.0691375624rem;
        color: #fff;
        background: #E00303;
        text-align: center;
        border-radius: 0.5702066999rem;
        right: -1.0691375624rem;
        top: -0.7127583749rem;
        font-size: 0.6414825374rem; }
    .news_details .main .bottom-tab p.inform {
      width: 1.4255167498rem;
      height: 1.4255167498rem;
      background: url("../image/img/icon_inform.png") no-repeat;
      background-size: 1.4255167498rem; }
  .news_details .main .bottom-tab2 {
    width: 100%;
    height: 3.5637918746rem;
    padding: 0 1.0691375624rem;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 99; }
    .news_details .main .bottom-tab2 input {
      flex: 1;
      height: 2.4946543122rem;
      background: #f6f6f6;
      border-radius: 0.28510335rem;
      padding: 0.4989308624rem 0.7127583749rem;
      box-sizing: border-box; }
    .news_details .main .bottom-tab2 .send {
      font-size: 1.1404133999rem;
      color: #E00303;
      width: 3.2074126871rem;
      text-align: right; }
.news_details .pop-window {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.39);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20; }
  .news_details .pop-window .share-pop {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    border-radius: 0.5702066999rem 0.5702066999rem 0 0; }
    .news_details .pop-window .share-pop .way {
      height: 9.6222380613rem;
      align-items: center;
      position: relative; }
      .news_details .pop-window .share-pop .way:after {
        content: '';
        position: absolute;
        background-color: #EDEDF0;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        transform-origin: 50% 100%;
        transform: scaleY(0.5); }
      .news_details .pop-window .share-pop .way .share-btn {
        width: 50%;
        flex: 1;
        text-align: center; }
        .news_details .pop-window .share-pop .way .share-btn span {
          display: inline-block;
          width: 3.9914468995rem;
          text-align: center;
          font-size: 0.9978617249rem;
          color: #666666;
          line-height: 1.4255167498rem;
          padding-top: 3.920171062rem;
          background: url(../image/share-wx.png) no-repeat top center;
          background-size: 3.920171062rem; }
          .news_details .pop-window .share-pop .way .share-btn span.active {
            background: url(../image/share-pyq.png) no-repeat top center;
            background-size: 3.920171062rem; }
    .news_details .pop-window .share-pop .close-pop {
      height: 3.7063435495rem;
      font-size: 1.1404133999rem;
      color: #999999;
      line-height: 3.7063435495rem;
      text-align: center; }

.news_publish .tab-menu {
  height: 2.8510334996rem;
  background: #fff;
  width: 100%;
  padding: 0 2.8510334996rem;
  box-sizing: border-box; }
  .news_publish .tab-menu ul {
    justify-content: space-around;
    width: 100%;
    height: 2.8510334996rem; }
    .news_publish .tab-menu ul li {
      font-size: 1.0691375624rem;
      color: #999999;
      height: 2.8510334996rem;
      line-height: 2.8510334996rem;
      position: relative; }
      .news_publish .tab-menu ul li.active {
        color: #333; }
        .news_publish .tab-menu ul li.active:after {
          content: '';
          width: 1.7106200998rem;
          height: 0.2138275125rem;
          position: absolute;
          background: linear-gradient(270deg, #ff6267 0%, #dd1920 100%);
          left: 50%;
          bottom: 0;
          transform: translateX(-50%); }
.news_publish .main .moment .title {
  width: 100%;
  height: 6.0584461867rem;
  padding: 1.0691375624rem;
  box-sizing: border-box;
  position: relative; }
  .news_publish .main .moment .title textarea {
    font-size: 1.1404133999rem;
    width: 100%;
    height: 100%;
    resize: none;
    color: #666666; }
  .news_publish .main .moment .title p {
    position: absolute;
    bottom: 1.0691375624rem;
    right: 1.0691375624rem; }
.news_publish .main .moment .no-desc {
  margin-bottom: 0.7127583749rem;
  padding: 0 1.0691375624rem;
  font-size: 0.8553100499rem;
  height: 2.6372059872rem;
  line-height: 2.6372059872rem;
  background: #F8F8F8; }
  .news_publish .main .moment .no-desc.red {
    color: #E00303; }
.news_publish .main .news .content {
  width: 100%;
  height: 14.2551674982rem;
  padding: 1.0691375624rem;
  box-sizing: border-box;
  position: relative; }
  .news_publish .main .news .content textarea {
    font-size: 1.1404133999rem;
    width: 100%;
    height: 100%;
    resize: none;
    color: #666666; }
  .news_publish .main .news .content p {
    position: absolute;
    bottom: 1.0691375624rem;
    right: 1.0691375624rem; }

.news_details_2 {
  height: 100vh; }
  .news_details_2 .cover {
    width: 100%;
    height: 15.0392017106rem;
    background: #000; }
    .news_details_2 .cover video {
      width: 100%;
      height: 100%; }
  .news_details_2 .main {
    padding-bottom: 0; }
    .news_details_2 .main .conent {
      padding: 0 1.0691375624rem; }
    .news_details_2 .main .content-box {
      overflow-y: scroll; }

/*# sourceMappingURL=main.css.map */