* {
  margin: 0;
  padding: 0;
  border: 0;
}
html {
  min-height: 100%;
}
body {
  background: #f05453 url(../images/bg.jpg) no-repeat center top;
  background-size: cover;
}
a {
  text-decoration: none;
}
.pc-port {
  width: 100%;
  height: auto;
  /* background: #F7E5CF url(../images/kai_bg-min.jpg) no-repeat center top; */
  /* background-size: 100% 100%; */
}
.pc-port .row {
  width: 1000px;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.pc-port .row .fix_kefu {
  position: absolute;
  right: -86px;
  top: 356px;
  width: 74px;
  height: 122px;
  background: url('../images/fix_kefu.png') no-repeat center;
}
.pc-port .row .header {
  /* width: 50%; */
  width: 100%;
  height: 144px;
  display: inline-block;
  /* background: url(../images/logo.png) no-repeat left center; */
  position: relative;
}
.pc-port .row .header .logo {
  height: 90px;
  position: absolute;
  left: 20px;
  top: 25px;
  text-decoration: none;
}
.pc-port .row .header .logo p {
  width: 91px;
  height: 19px;
  display: block;
  margin: 3px auto 0;
  background-color: #fff;
  color: #f1010a;
  border-radius: 10px;
  font-size: 12px;
  text-align: center;
  line-height: 19px;
}
.pc-port .row .header .details {
  width: 300px;
  height: 30px;
  color: #ffffff;
  font-size: 12px;
  text-align: right;
  position: absolute;
  right: 20px;
  top: 57px;
}
.pc-port .row .header .details .sethome {
  margin-right: 20px;
}
.pc-port .row .header .details span {
  height: 30px;
  font-size: 14px;
  display: inline-block;
}
.pc-port .row .header .details span a {
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
}
.pc-port .row .header .details span a:hover {
  color: #FFA647;
}
.pc-port .row .header .details .shoucbz:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/icon2.png) no-repeat center;
  position: relative;
  top: 4px;
  right: 0px;
}
.pc-port .row .header .details .sethome:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/icon1.png) no-repeat center;
  position: relative;
  top: 4px;
  right: 0px;
}
.pc-port .row .neirf {
  width: 100%;
  height: auto;
  padding-bottom: 50px;
}
.pc-port .row .neirf span {
  width: 20%;
  height: 30px;
  color: #ffffff;
  font-size: 18px;
  padding-left: 15px;
  display: inline-block;
}
.pc-port .row .entrance {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.pc-port .row .entrance .back_XL {
  width: 158px;
  height: 111px;
  list-style: none;
  border-radius: 10px;
  text-align: center;
  background: #ffffff;
  display: inline-block;
  position: relative;
}
.pc-port .row .entrance .back_XL .arrows {
  width: 100%;
  height: 72px;
  color: #313242;
  font-size: 16px;
  line-height: 96px;
  display: inline-block;
  text-decoration: none;
}
.pc-port .row .entrance .back_XL div {
  width: 100%;
  color: #fff;
  height: 39px;
  font-size: 15px;
  line-height: 39px;
  background: #313242;
  border-radius: 0 0 10px 10px;
}
.pc-port .row .entrance .back_XL .arrows:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/arrow.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 12px;
  left: 50%;
  margin-left: -10px;
}
.pc-port .row .entrance .back_XL .arrows5 {
  color: #f1010a !important;
}
.pc-port .row .entrance .back_XL .arrows5:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(../images/nav_pic.png) no-repeat -4.85rem -0.23rem !important;
  position: relative;
  top: 5px;
}
.pc-port .row .entrance li:hover {
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
}
.pc-port .row .brand {
  height: auto;
  display: inline-block;
  display: flex;
  justify-content: space-between;
}
.pc-port .row .brand .li_left {
  width: 325px;
  height: auto;
  list-style: none;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.8);
}
.pc-port .row .brand .li_left dl {
  width: 100%;
  height: auto;
  padding: 10px 20px;
  box-sizing: border-box;
}
.pc-port .row .brand .li_left dl dt {
  color: #333333;
  font-size: 18px;
  margin-bottom: 20px;
}
.pc-port .row .brand .li_left dl dd {
  width: 49%;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 35px;
}
.pc-port .row .brand .li_left dl dd a {
  color: #333333;
  font-size: 16px;
  text-decoration: none;
  position: absolute;
  width: 100%;
  height: 40px;
  display: block;
  left: 0;
  bottom: 0;
  text-align: center;
  line-height: 60px;
}
.pc-port .row .brand .li_left dl dd a:hover {
  color: #f36160;
}
.pc-port .row .brand .li_left dl .tongy:before {
  content: "";
  width: 17px;
  height: 17px;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -8.5px;
}
.pc-port .row .brand .li_left dl .baudu:before {
  background: url(../images/nav_pic.png) no-repeat -0.6rem -2.25rem;
}
.pc-port .row .brand .li_left dl .trngxu:before {
  background: url(../images/nav_pic.png) no-repeat -2.48rem -2.25rem;
}
.pc-port .row .brand .li_left dl .fneghw:before {
  background: url(../images/nav_pic.png) no-repeat -4.4rem -2.25rem;
}
.pc-port .row .brand .li_left dl .souhu:before {
  background: url(../images/nav_pic.png) no-repeat -6.3rem -2.25rem;
}
.pc-port .row .brand .li_left dl .wangyi:before {
  background: url(../images/nav_pic.png) no-repeat -8rem -2.25rem;
}
.pc-port .row .brand .li_left dl .youku:before {
  background: url(../images/nav_pic.png) no-repeat -9.96rem -2.26rem;
}
.pc-port .row .brand .li_left dl .jingdsc:before {
  background: url(../images/nav_pic.png) no-repeat -11.6rem -2.26rem;
}
.pc-port .row .brand .li_left dl .tielu:before {
  background: url(../images/nav_pic.png) no-repeat -13.58rem -2.26rem;
}
.pc-port .row .brand .li_left dl .tongc:before {
  background: url(../images/nav_pic.png) no-repeat -17.35rem -2.26rem;
}
.pc-port .row .brand .li_left dl .xiecw:before {
  background: url(../images/nav_pic.png) no-repeat -15.5rem -2.26rem;
}
.pc-port .row .brand .li_left dl .gongsyh:before {
  background: url(../images/nav_pic.png) no-repeat -0.6rem -4.33rem;
}
.pc-port .row .brand .li_left dl .zhonggyh:before {
  background: url(../images/nav_pic.png) no-repeat -2.43rem -4.33rem;
}
.pc-port .row .brand .li_left dl .jiansyh:before {
  background: url(../images/nav_pic.png) no-repeat -4.3rem -4.33rem;
}
.pc-port .row .brand .li_left dl .nongyyh:before {
  background: url(../images/nav_pic.png) no-repeat -6.28rem -4.33rem;
}
.pc-port .row .brand .li_left dl .youzxc:before {
  background: url(../images/nav_pic.png) no-repeat -8.1rem -4.33rem;
}
.pc-port .row .brand .li_left dl .zhaosyh:before {
  background: url(../images/nav_pic.png) no-repeat -9.86rem -4.33rem;
}
.pc-port .row .brand .li_left dl .guangdyh:before {
  background: url(../images/nav_pic.png) no-repeat -11.5rem -4.33rem;
}
.pc-port .row .brand .li_left dl .xingyyh:before {
  background: url(../images/nav_pic.png) no-repeat -13.5rem -4.2rem;
}
.pc-port .row .brand .li_left dl .jiaotyh:before {
  background: url(../images/nav_pic.png) no-repeat -15.5rem -4.2rem;
}
.pc-port .row .brand .li_left dl .guangfyh:before {
  background: url(../images/nav_pic.png) no-repeat -17.4rem -4.2rem;
}
.pc-port .row .brand .li_left dl .taob:before {
  background: url(../images/nav_pic.png) no-repeat -0.6rem -7.85rem;
}
.pc-port .row .brand .li_left dl .jingd:before {
  background: url(../images/nav_pic.png) no-repeat -2.5rem -7.85rem;
}
.pc-port .row .brand .li_left dl .tianm:before {
  background: url(../images/nav_pic.png) no-repeat -4.4rem -7.85rem;
}
.pc-port .row .brand .li_left dl .suning:before {
  background: url(../images/nav_pic.png) no-repeat -6.25rem -7.85rem;
}
.pc-port .row .brand .li_left dl .guomei:before {
  background: url(../images/nav_pic.png) no-repeat -8rem -7.85rem;
}
.pc-port .row .brand .li_left dl .dangd:before {
  background: url(../images/nav_pic.png) no-repeat -9.79rem -7.85rem;
}
.pc-port .row .brand .li_left dl .juhuas:before {
  background: url(../images/nav_pic.png) no-repeat -11.6rem -7.85rem;
}
.pc-port .row .brand .li_left dl .meils:before {
  background: url(../images/nav_pic.png) no-repeat -13.6rem -7.85rem;
}
.pc-port .row .brand .li_left dl .mogujie:before {
  background: url(../images/nav_pic.png) no-repeat -15.4rem -7.85rem;
}
.pc-port .row .brand .li_left dl .weipinh:before {
  background: url(../images/nav_pic.png) no-repeat -17.3rem -7.85rem;
}
.pc-port .row .brand .li_right {
  width: 325px;
  height: auto;
  list-style: none;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.8);
}
.pc-port .row .brand .li_right dl {
  width: 100%;
  height: auto;
  padding: 10px 20px;
  box-sizing: border-box;
}
.pc-port .row .brand .li_right dd {
  height: 100px;
  font-size: 16px;
  display: block;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 40px;
  text-align: center;
  padding-top: 54px;
}
.pc-port .row .brand .li_right dd p {
  line-height: 24px;
  color: #333;
}
.pc-port .row .brand .li_right dd .textli {
  color: #999999;
  font-size: 12px;
  line-height: 18px;
}
.pc-port .row .brand .li_right .dd_kefu1::before {
  content: "";
  width: 50px;
  height: 50px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -25px;
  background: url(../images/nav_pic.png) no-repeat -0.53rem -9.2rem;
}
.pc-port .row .brand .li_right .dd_kefu2::before {
  content: "";
  width: 50px;
  height: 50px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -25px;
  background: url(../images/nav_pic.png) no-repeat -3.8rem -9.2rem;
}
.pc-port .row .brand .li_right .dd_kefu3::before {
  content: "";
  width: 50px;
  height: 50px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -25px;
  background: url(../images/nav_pic.png) no-repeat -7.3rem -9.2rem;
}
.pc-port .row .zuxyty:before {
  content: "";
  width: 17px;
  height: 17px;
  display: inline-block;
  position: relative;
  top: -25px;
  right: -40px;
}
.pc-port .row .xinlxw:before {
  background: url(../images/nav_pic.png) no-repeat -0.5rem -6rem;
}
.pc-port .row .fenghzx:before {
  background: url(../images/nav_pic.png) no-repeat -2.4rem -6rem;
}
.pc-port .row .lianhzb:before {
  background: url(../images/nav_pic.png) no-repeat -9.92rem -6rem;
}
.pc-port .row .renmw:before {
  background: url(../images/nav_pic.png) no-repeat -11.6rem -6rem;
  position: relative;
  left: 32px;
}
.pc-port .row .tengxxw:before {
  background: url(../images/nav_pic.png) no-repeat -4.32rem -6rem;
}
.pc-port .row .souhxw:before {
  background: url(../images/nav_pic.png) no-repeat -6.2rem -6rem;
}
.pc-port .row .huaiqsb:before {
  background: url(../images/nav_pic.png) no-repeat -13.59rem -6rem;
}
.pc-port .row .wangyxw:before {
  background: url(../images/nav_pic.png) no-repeat -15.3rem -6rem;
}
.pc-port .row .xinhw:before {
  background: url(../images/nav_pic.png) no-repeat -17.5rem -6rem;
  position: relative;
  left: 36px;
}
.pc-port .row .baiduxw:before {
  background: url(../images/nav_pic.png) no-repeat -8rem -6rem;
}
.pc-port .pc_bottom {
  height: 150px;
  position: relative;
  background: rgba(202, 46, 46, 0.4);
}
.pc-port .pc_bottom .center {
  width: 800px;
  height: 95px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.pc-port .pc_bottom .center .pb_logo {
  width: 270px;
  padding-top: 12px;
  position: relative;
}
.pc-port .pc_bottom .center .pb_logo p {
  line-height: 16px;
  font-size: 12px;
  color: #e7e7e7;
}
.pc-port .pc_bottom .center .pb_logo:before {
  content: "";
  position: absolute;
  background: #e7e7e7;
  height: 64px;
  width: 1px;
  top: 28px;
  right: 0;
}
.pc-port .pc_bottom .center .pb_item {
  width: 175px;
  color: #e7e7e7;
  padding-top: 35px;
}
.pc-port .pc_bottom .center .pb_item .pb_text1 {
  height: 30px;
  font-size: 18px;
  color: #fff;
  display: block;
}
.pc-port .pc_bottom .center .pb_item .pb_text1 span {
  vertical-align: middle;
}
.pc-port .pc_bottom .center .pb_item .pb_text1 img {
  vertical-align: middle;
}
.pc-port .pc_bottom .center .pb_item .pb_text2 {
  font-size: 14px;
}
.pc-port .pc_bottom .copyright {
  padding-top: 15px;
  font-size: 14px;
  color: #e7e7e7;
  text-align: center;
}
.entrance1 {
  width: 100%;
  color: #fff;
  height: 39px;
  font-size: 16px;
  line-height: 39px;
  background: #313242;
  border-radius: 0 0 10px 10px;
}
.entrance5 {
  width: 100%;
  color: #fff;
  height: 39px;
  font-size: 16px;
  line-height: 39px;
  background: #f1010a;
  border-radius: 0 0 10px 10px;
}
.move-port {
  width: 100%;
  height: auto;
}
.move-port .mheader {
  background: #fff;
  height: 60px;
  border-bottom: 1px solid #ff5151;
  position: relative;
  overflow: hidden;
}
.move-port .mheader .mlogo {
  display: block;
  float: left;
  margin-left: 15px;
  padding-top: 4.5px;
}
.move-port .mheader .mlogo img {
  height: 52px;
}
.move-port .mheader .mnemu {
  width: 130px;
  float: right;
  margin-right: 20px;
  height: inherit;
  overflow: hidden;
  padding-top: 18px;
}
.move-port .mheader .mnemu a {
  display: inline-block;
  font-size: 12px;
  color: #333;
  text-decoration: none;
  text-align: center;
}
.move-port .mheader .mnemu #bookmarkme {
  color: #fff;
  background: #de3f3f;
  width: 60.5px;
  height: 22.5px;
  line-height: 22.5px;
  border-radius: 11.25px;
  margin-right: 5px;
}
.move-port .neirf {
  width: 100%;
  height: auto;
}
.move-port .neirf .circuit {
  width: 100%;
}
.move-port .neirf .circuit .Line-back {
  margin: 15px 10px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.move-port .neirf .circuit .Line-back li {
  height: auto;
  margin: 0 auto;
  list-style: none;
  padding-bottom: 10px;
  position: relative;
}
.move-port .neirf .circuit .Line-back li .kncdek {
  width: 100%;
  height: 45px;
  border-radius: 30px;
  background: #FFFFFF;
  display: inline-block;
}
.move-port .neirf .circuit .Line-back li a {
  width: 100%;
  height: 40px;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.move-port .neirf .circuit .Line-back li .xianl {
  width: 70%;
  height: 40px;
  color: #313242;
  font-size: 14px;
  line-height: 40px;
  padding-left: 10px;
  display: inline-block;
  border-radius: 5px;
  background: #FFFFFF;
  position: relative;
}
.move-port .neirf .circuit .Line-back li a .xianl span {
  width: 25%;
  font-size: 14px;
  text-align: right;
  position: absolute;
  height: 40px;
  line-height: 40px;
  top: 0;
  right: 10px;
  color: #e04c4c;
}
.move-port .neirf .circuit .Line-back li a .enter {
  width: 22%;
  height: 40px;
  background: url('../images/menter.png') no-repeat center;
  background-size: 100% 100%;
  color: #fff;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}
.move-port .neirf .circuit .Line-back li .jiant {
  background: url(../images/webapp.png) no-repeat -1.5rem 0rem;
  position: relative;
  top: 7px;
  margin-left: 6px;
  margin-right: 17px;
}
.move-port .neirf .circuit .Line-back li .jiant5 {
  background: url(../images/webapp.png) no-repeat -0.1rem 0rem;
  position: relative;
  top: 7px;
  margin-left: 6px;
  margin-right: 17px;
}
.move-port .neirf .circuit .Line-back li .boult {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  background-size: 15rem auto;
}
.move-port .neirf .circuit .Line-back li .xian5 {
  background: #f1010a;
}
.move-port .neirf .circuit .Line-back li .xian5 .xianl {
  color: #FFFFFF;
}
.move-port .neirf .circuit .Line-back li .xian5 .seconds {
  color: #FFFFFF;
}
.move-port .baidul {
  padding-left: 2%;
}
.move-port .tetmdj {
  position: relative;
  top: -15px;
}
.move-port .tetmdj2 {
  position: relative;
  top: -29px;
}
.move-port .tetmdj3 {
  position: relative;
  top: -42px;
}
.move-port .tetmdj4 {
  position: relative;
  top: -55px;
}
.move-port #common-bank {
  display: none;
}
.move-port #common-message {
  display: none;
}
.move-port #common-shop {
  display: none;
}
.move-port .cesu {
  line-height: 10px;
  margin-right: 20px;
}
.move-port .ydservice {
  height: auto;
  background: #fff;
  margin: 0 10px;
  border-radius: 5px;
  padding-bottom: 5px;
}
.move-port .ydservice .caption {
  color: #333;
  padding: 10px 0 5px 10px;
  font-size: 15px;
}
.move-port .ydservice ul {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-bottom: 5px;
}
.move-port .ydservice ul li {
  width: 100%;
  height: 60px;
  list-style: none;
  position: relative;
}
.move-port .ydservice ul li:nth-child(1):before {
  content: "";
  width: 85%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 7.5%;
  background: #eeeeee;
}
.move-port .ydservice ul li:nth-child(2):before {
  content: "";
  width: 85%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 7.5%;
  background: #eeeeee;
}
.move-port .ydservice ul .the-on-line1 {
  background: url(../images/webapp.png) no-repeat 0rem -10rem;
}
.move-port .ydservice ul .the-on-line2 {
  background: url(../images/webapp.png) no-repeat -3rem -10rem;
}
.move-port .ydservice ul .the-on-line3 {
  background: url(../images/webapp.png) no-repeat -6.6rem -10rem;
}
.move-port .ydservice ul .the-on-line {
  width: 3rem;
  height: 3rem;
  display: inline-block;
  background-size: 20rem auto;
  position: absolute;
  top: 5px;
  left: 20px;
}
.move-port .ydservice ul .service-text {
  width: 75%;
  float: right;
  height: 60px;
  line-height: 1.6;
  display: inline-block;
}
.move-port .ydservice ul .service-text p {
  color: #999999;
  font-size: 15px;
}
.move-port .ydservice ul .service-text .text1 {
  color: #333;
  margin-top: 10px;
  font-size: 13px;
}
.move-port .mbottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 52px;
  background: #e04c4c;
}
.move-port .mbottom a {
  display: block;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  text-align: center;
  text-decoration: none;
}
.move-port .mbottom a i {
  display: block;
  width: 26px;
  height: 26px;
  margin: 5px auto 2px;
  background: url("../images/nav01.png") no-repeat center;
  background-size: 100% auto;
}
.move-port .mbottom a span {
  display: block;
  font-size: 12px;
  color: #ffffff;
}
.move-port .mbottom a:nth-of-type(2) i {
  width: 23px;
  background-image: url("../images/nav02.png");
}
.move-port .mbottom a:nth-of-type(3) i {
  width: 16px;
  background-image: url("../images/nav03.png");
}
.move-port .mbottom a:nth-of-type(4) i {
  background-image: url("../images/nav04.png");
}
.move-port a:hover {
  text-decoration: none;
}
@media screen and (min-width: 760px) {
  .pc-port {
    display: block !important;
  }
  .move-port {
    display: none !important;
  }
}
@media only screen and (max-width: 900px) {
  .move-port {
    display: block !important;
  }
  .pc-port {
    display: none !important;
  }
  body {
    background: #ffb9b9;
    padding-bottom: 20px;
    overflow-x: hidden;
  }
}
@media only screen and (max-width: 360px) {
  .move-port .neirf .circuit .Line-back li .xianl {
    font-size: 12px;
    padding-left: 5px;
  }
  .move-port .neirf .circuit .Line-back li a span:nth-child(2) {
    font-size: 12px;
    right: 5px;
  }
}
