b,
h1,
h2,
h3,
h4,
h5,
strong {
  font-weight:400
}
body,
html {
  height:100%
}
button,
input,
select {
  -webkit-appearance:none
}
.ui-input,
.ui-select {
  border:2px solid #e5e5e5
}
article,
aside,
blockquote,
body,
button,
code,
dd,
details,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
  padding:0;
  margin:0
}
html {
  overflow-y:scroll;
  -webkit-tap-highlight-color:transparent;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch
}
h1,
h2,
h3,
h4,
h5 {
  font-size:100%
}
li,
ol,
ul {
  list-style:none
}
em,
i {
  font-style:normal
}
table {
  border-collapse:collapse;
  border-spacing:0
}
:focus,
button,
input,
textarea {
  outline:0
}
body {
  color:#666;
  background-color:#fff;
  font-size-adjust:none;
  -webkit-text-size-adjust:none;
  position:relative
}
a {
  text-decoration:none;
  color:#333
}
button,
input,
optgroup,
select,
textarea {
  margin:0;
  font:inherit;
  color:inherit
}
button {
  overflow:visible
}
button,
select {
  text-transform:none;
  -moz-appearance:none;
  appearance:none
}
button[disabled],
html input[disabled] {
  cursor:default
}
input {
  line-height:normal;
  -moz-appearance:none;
  appearance:none
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
textarea {
  -webkit-appearance:none;
  appearance:none
}
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding:0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height:auto
}
input::-ms-clear {
  display:none
}
::-webkit-input-placeholder {
  color:#999;
  opacity:1
}
:-moz-placeholder {
  color:#999;
  opacity:1
}
::-moz-placeholder {
  color:#999;
  opacity:1
}
:-ms-input-placeholder {
  color:#999;
  opacity:1
}
.hidden {
  display:none
}
.ui-input {
  height:30px;
  padding:20px;
  background:#fbfbfb;
  font-size:28px;
  width:93%;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0
}
.ui-input:focus {
  border-color:#0ca6f2;
  background:#fff
}
.ui-select {
  height:76px;
  line-height:76px;
  padding-left:18px;
  font-size:28px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  background:url(https://hongshangba.yixiangzhuan.com/pc/images/select-arrow.png) right center no-repeat #fbfbfb;
  -moz-background-size:32px 9px;
  -o-background-size:32px 9px;
  background-size:32px 9px;
  padding-right:35px
}
.ui-textarea {
  height:116px;
  width:100%;
  resize:none;
  background:#fbfbfb;
  border:2px solid #e5e5e5;
  padding:20px;
  font-size:28px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0
}
.g-index .m-banner .banner-inner .banner-desc,
body {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box
}
.ui-textarea:focus {
  border-color:#0ca6f2;
  background:#fff
}
body {
  box-sizing:border-box;
  font-family:'Microsoft Yahei',Arial,sans-serif
}
[hidden] {
  display:none!important
}
.icon,
[class^=btn] {
  display:inline-block;
  vertical-align:middle
}
.wrapper {
  font-size:21px
}
.c-orange {
  color:#ff5d00
}
.pt15 {
  padding-top:15px
}
input:blur {
  border:1px solid red
}
.fl {
  float:left
}
.fr {
  float:right
}
[class^=btn] {
  text-align:center
}
.i-checked {
  width:14px;
  height:14px;
  background:url(https://hongshangba.yixiangzhuan.com/pc/images/buy-spr.png) no-repeat
}
.clearfix:after {
  content:"";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  font-size:0;
  line-height:0;
  overflow:hidden
}
.ie .c-news__intro a {
  display:inline-block!important;
  color:red!important
}
.g-index .m-banner {
  width:100%;
  height:452px;
  background:url(../image/banner-bg.png) top center no-repeat;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover
}
.g-index .m-banner .banner-inner {
  margin:0 auto;
  width:1220px
}
.g-index .m-banner .banner-inner .banner {
  width:602px;
  height:452px;
}
.g-index .m-banner .banner-inner .banner-desc {
  width:600px;
  color:#fff;
  box-sizing:border-box;
  text-align:right;
  padding-right:55px
}
.g-index .m-banner .banner-inner .banner-desc .banner-title {
  padding-top:80px;
  font-size:64px;
  letter-spacing:10px
}
.g-index .m-banner .banner-inner .banner-desc .banner-desc {
  padding-right:10px;
  margin-top:10px;
  font-size:24px
}
.g-index .m-banner .banner-inner .banner-desc .download-module {
  width:450px;
  padding-right:8px
}
.g-index .m-banner .banner-inner .banner-desc .download-module .img-wrap {
  margin:25px auto 9px;
  width:127px;
  height:127px
}
.g-index .m-banner .banner-inner .banner-desc .download-module .img-wrap img {
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  width:100%
}
.g-index .m-banner .banner-inner .banner-desc .download-module .img-wrap .img-desc {
  font-size:14px;
  margin-top:10px
}
.g-index .m-banner .banner-inner .banner-desc .download-module .download-btn {
  margin:50px auto 0;
  width:274px;
  height:102px;
  background:url(../image/andriod-download.png) top center no-repeat;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover
}
.g-index .m-banner .banner-inner .banner-desc .download-module .download-btn:hover {
  cursor:pointer;
  background:url(../image/andriod-download.png) top center no-repeat;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover
}
.g-index .c-news {
  width:100%;
  background-color:#f8f8f8;
  padding-bottom:10px
}
.g-index .c-news--empty {
  font-size:14px;
  color:#999;
  text-align:center;
  height:241px;
  line-height:241px
}
.g-index .c-news__list {
  width:1200px;
  margin:0 auto;
  height:46px;
  line-height:50px;
  padding-top:4px
}
.g-index .c-news__item {
  width:560px
}
.g-index .c-news__item--mr {
  margin-right:80px
}
.g-index .c-news__header {
  font-size:16px;
  border-bottom:1px solid #e6e6e6
}
.g-index .c-news__header span {
  color:#333
}
.g-index .c-news__header a {
  font-size:14px;
  color:#999
}
.g-index .c-news__header a:hover,
.g-index .c-news__main li:hover h2 a {
  color:#ff5040
}
.g-index .c-news__main li {
  height:88px;
  padding:16px 0;
  border-bottom:1px solid #e6e6e6;
  cursor:pointer
}
.g-index .c-news__main li:last-of-type {
  border-bottom:none
}
.g-index .c-news__picture {
  position:relative;
  display:block;
  width:132px;
  height:88px;
  background:url(../image/default-bg.png) no-repeat;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover
}
.g-index .c-news__picture::after {
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:0;
  width:100%;
  height:100%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid rgba(0,0,0,.1)
}
.g-index .c-news__picture img {
  display:block;
  width:132px;
  height:88px
}
.g-index .c-news__content {
  width:410px;
  color:#666
}
.g-index .c-news__content a:hover {
  color:#666
}
.g-index .c-news__content h2 {
  width:410px;
  overflow:hidden;
  white-space:nowrap;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  word-break:break-all;
  line-height:35px;
  font-size:18px;
  color:#333;
  font-weight:700
}
.g-index .c-news__content h2 a:hover {
  color:#ff5040
}
.g-index .c-news__intro {
  display:block
}
.g-index .c-news__intro p {
  word-break:break-all;
  color:#666;
  font-size:14px;
  line-height:1.72em;
  height:3.44em;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}
.g-index .m-body .u-list {
  height:800px;
}
.g-index .m-body .u-list .u-list-inner {
  margin:0 auto;
  width:1220px;
  text-align:center;
}
.g-index .m-body .u-list1 .list1-desc {
  margin-right:15px
}
.g-index .m-body .u-list1 .list1-desc h2 {
  margin-top:195px;
  margin-bottom:25px;
  color:#ff5040;
  font-size:48px;
  font-weight:700
}
.g-index .m-body .u-list1 .list1-desc .content {
  font-size:18px;
  color:#333;
  line-height:1.8
}
.g-index .m-body .u-list1 .list1-desc .content span {
  color:#ff5040;
  font-size:26px
}
.g-index .m-body .u-list1 .list1-img {
  padding-top:45px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:520px;
  height:522px
}
.g-index .m-body .u-list1 .list1-img img {
  width:100%
}
.g-index .m-body .u-list2 {
  padding-top:10px;
  background-color:#f8f8f8
}
.g-index .m-body .u-list2 .list2-title {
  margin:0 auto 50px;
  width:389px;
  height:81px;
  background:url(../image/list2-title.jpg) top center no-repeat;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover
}
.g-index .m-body .u-list2 .list2-desc .desc {
  padding:0 33px;
  width:535px
}
.g-index .m-body .u-list2 .list2-desc .img-wrap {
  margin:0 auto;
  width:300px;
  height:450px;
}
.g-index .m-body .u-list2 .list2-desc .img-wrap img {
  width:100%
}
.g-index .m-body .u-list2 .list2-desc .content-wrap {
  width:535px;
}
.g-index .m-body .u-list2 .list2-desc .content-wrap h4 {
  font-weight:700;
  margin:15px auto;
  font-size:24px;
  color:#1a1a1a;
  text-align:center
}
.g-index .m-body .u-list2 .list2-desc .content-wrap p {
  color:#333;
  font-size:18px;
  line-height:1.8;
  text-align: left;
}
.g-index .m-body .u-list3 .desc {
  padding-top:155px;
  margin-right:140px;
  width:530px
}
.g-index .m-body .u-list3 .desc h2 {
  margin-bottom:45px;
  font-weight:700;
  font-size:40px;
  color:#ff5040
}
.g-index .m-body .u-list3 .desc p {
  font-size:18px;
  color:#333;
  line-height:1.8
}
.g-index .m-body .u-list3 .img-wrap {
  padding-top:37px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:498px;
  height:490px
}
.g-index .m-body .u-list3 .img-wrap img {
  width:100%
}
.g-index .m-body .u-list3 .look-book {
  margin-top:38px;
  display:inline-block;
  width:180px;
  height:50px;
  line-height:50px;
  text-align:center;
  font-size:18px;
  color:#ff5040;
  border:1px solid #ff5040
}
.g-index .m-body .u-list3 .look-book:hover {
  background-color:#ffedec
}
.g-index .m-body .m-link {
  border-top:1px solid #e6e6e6;
  padding-top:20px;
  padding-bottom:12px;
  width:1200px;
  margin:0 auto
}
.g-index .m-body .m-link .m-link-title {
  color:#333;
  font-size:16px;
  font-weight:700;
  margin-bottom:20px
}
.g-index .m-body .m-link li {
  width:150px;
  float:left;
  font-size:14px;
  color:#666;
  margin-bottom:20px
}
.g-index .m-body .m-link li a {
  color:#666
}
.g-index .m-body .m-link li a:hover {
  color:#ff5040
}