*{ margin:0; padding:0;}
body{overflow-x:hidden; background: url("../img/bodypublicbg.jpg") top center no-repeat;}
ul{ margin:0; padding:0;}
li{list-style:none;font-family:"Microsoft YaHei","arial","微软雅黑","verdana","宋体";}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体"; margin:0; padding:0;}
a{text-decoration:none;font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}
img{ border:none;image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}
.px-0{ padding:0 0;}

.mx-0{ margin:0 0;}
.mbpx-0{padding:0 0;}

.max-1920{ max-width:1920px !important; margin:auto;}		

/*mask*/
.mask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.mask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.readmask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.readmask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}


.isPlay:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";

  animation-name: maskOut;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
}


@keyframes maskOut {
  from {
    transform: translateX(0);
  }
  
  to {
    transform: translateX(100%);
  }
}

@font-face {font-family:'din';src: local('din'), url(../img/din.woff) format('woff');}


nav.pagination-box{  text-align: center; margin-top: 45px !important;margin: auto; padding-bottom: 50px;}

.paginatoin-area a, .paginatoin-area a sapn {
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    border-radius: 5px;
    margin: 0 5px;
    display: inline-block;
    color: #444;
    background: #ededed;
    cursor: pointer;
    background-color: #fff;
}

.paginatoin-area .active, .paginatoin-area a:hover, .paginatoin-area .current, .paginatoin-area a:hover, .paginatoin-area .page-num-current, .paginatoin-area a span:hover, .paginatoin-area a:hover span {
    background-color: #ff7f4e;
    color: #fff;
}


div.loginback{ width: 100%; padding: 20px 0; height: auto; display: flex; align-items: center; }

div.loginmain{ width: 600px; height: 570px;  background:#fff; position: relative; margin: auto; padding: 35px 0; box-shadow: 0 0 20px rgba(0,0,0,0.1); }

div.loginmain_t{ padding-left: 35px; letter-spacing: 8px; font-size: 40px; font-weight: 700;}

div.loginmain_li{ width:100%; height: auto; padding: 10px 35px 0;}

div.loginmain_li_t{ width: 100%; height: auto; line-height:30px; color: #888; font-size: 15px;}

div.loginmain_li_input{ width: 100%; height: 60px; border-radius: 10px; background: #e9e9e9; margin-top:5px;}

div.loginmain_li_input input{ width: 100%; height: 60px; line-height: 60px; color: #333; padding: 0 15px; font-size: 16px; background: none; border:none; outline: none;}

div.loginmain_submit{ width: 170px; height: 55px; border-radius: 15px; margin-left: 35px;margin-top: 18px; background: #014aad; line-height: 55px; text-align: center;}

div.loginmain_submit input{width: 100%; height: 100%; display: block; background: none; color: #fff; border: none; outline: none; font-size: 18px; letter-spacing: 8px;}

div.loginmain_submit:hover{ background: #021a93;}

div.loginmainbottom{ width: 100%; height: auto; padding:15px 35px 0;}

div.loginmainbottom a{ color: #014aad; font-size: 14px; transition: all 0.36s ease-in-out; margin-right: 25px;}

div.loginmainbottom a:hover{ color:#021a93;}


div.remain_li_t{ width: 100%; height: auto; line-height:30px; color: #888; font-size: 15px;}

div.remain_li{ width:100%; height: auto; padding: 10px 35px 0;}

div.remain_li_input{ width: 100%; height: 40px; border-radius: 10px; background: #e9e9e9; margin-top:5px;}

div.remain_li_input input{ width: 100%; height: 40px; line-height: 40px; color: #333; padding: 0 15px; font-size: 16px; background: none; border:none; outline: none;}

div.remain_submit{ width: auto; display: inline-block; padding: 0 20px; height: 35px; border-radius: 7px; margin-left: 35px;margin-top: 18px; background: #014aad; line-height: 35px; text-align: center; cursor:pointer;}

div.remain_submit input{width: 100%; height: 100%; display: block; background: none; color: #fff; border: none; outline: none; font-size: 14px; }

div.remain_submit:hover{ background: #021a93;}
div.remain_submit span{ color:#fff;}
div.remain {
    width: 600px;
    height: auto;
    background: #fff;
	margin: auto;
    padding-top: 26px;
    padding-bottom: 35px;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

div.fabuoneback{ width: 960px; height:auto; margin: auto; padding: 55px 0 50px;}

div.fabu_1title{ width: 100%; height: auto; line-height: 50px; font-weight: 700; font-size: 28px; color: #333;}

div.fabu_1tabbk{ width: 100%; height: auto; margin-top: 25px;}

.step1 {
  width: 746px;
  background: url(../img/step.gif) top center no-repeat;
  height: 30px;
}
.step2 {
  width: 746px;
  background: url(../img/step.gif)  0 -30px no-repeat;
  height: 30px;
}
.step3 {
  width: 746px;
  background: url(../img/step.gif)  0 -60px no-repeat;
  height: 30px;
}
.step1 span, .step2 span, .step3 span {
  width: 248px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  display: block;
  float: left;
  color: #000;
}

.step1 span.cur, .step2 span.cur, .step3 span.cur {
  color: #fff;
}
font.number {
  font-size: 18px;
  margin-right: 5px;
}

div.fabu_xuanzebk{ width: 100%;}

div.fabu_xuanze_t{ width: 100%; height: auto; font-size: 20px; font-weight: 700;  padding-bottom: 15px; color: #333; margin-top: 35px; border-bottom: 1px solid #ebebeb;}

div.fabu_xuanzelistbk{ width: 100%; height: auto; margin-top: 25px;}

div.fabu_xuanzelist{height: auto; color:#333; font-size: 16px; float: left; margin-right: 25px; cursor: pointer;}

div.fabu_xuanzelist:hover{ color: #021a93;}

div.fabu2listback{ width: 960px; height: auto; margin: auto; margin-top: 35px;}

div.fabu2list_t{ width: 95px; height: 50px; float:left; line-height: 50px; color: #333; font-size: 16px; text-align: right;}

div.fabu2list_t span{ color: red;}

div.fabu2list_bread{ width: auto; height: 50px; line-height: 50px; float: left; color: #333; font-size: 15px;}

div.fabu2list_bread span a{ color: #021a93; cursor: pointer;}

div.fabu2list_bread select{ width: 160px; height: 35px; border-radius: 7px; border: 1px solid #E7E7E7; padding: 0 15px}

div.fabu2list_youxiao{ width: 300px; height:auto; float: left; margin-top: 5px;}

div.fabu2list_youxiao select{ width: 160px; height: 35px; border-radius: 7px; border: 1px solid #E7E7E7; padding: 0 15px}

div.fabu2list_xxtitle{ width: 750px; height:auto;  float: left;margin-top: 5px;}

div.fabu2list_xxtitle input{ width: 100%; height: 35px; border-radius: 7px; border: 1px solid #E7E7E7; padding: 0 15px}

div.fabu2listuploadpic{ width: 750px; height: auto; float: left;margin-top: 5px;}

div.fabu2list_content{ width: 600px; height: 300px; float: left; overflow: hidden;border: 1px solid #E7E7E7; border-radius: 5px; }

div.fabu2list_content textarea{ width: 100%; height: 100%; border-radius: 7px;  border: none; padding: 20px 15px; }

div.fabu2list_contentmt{ margin-top: 15px;}

div.fabu2list_xxtitle{ width: 250px; height: auto; float: left; margin-top: 5px;}

div.fabu2submit{ margin-top: 15px; padding-left: 100px;}

div.fabu2bottomxx{ padding-left: 100px; line-height: 2; font-size: 12px; color: #444; margin-top: 20px;}

div.fabu_suc{ width: 100%; height: auto; text-align: center; line-height: 3; color: #333; font-size: 18px; padding-top: 50px;}

div.fabu_suc span a{ color: red;}

div.publicheadrtusercenter{ float: left; height: 55px; margin-left: 0.3rem; color:#ff7f4e; font-size: 16px; font-weight: 500;}

div.publicheadrtusercenter a{ color: #ff7f4e;}

div.usercenterbk{ width:1280px; height:auto; margin: auto; padding:95px 0;}

div.usercenterleft{ width: 350px; height: auto; float: left;}

div.usercenterl_li1{ width:100%; height: 120px; background: #f5f5f5; cursor: pointer;}

div.usercenterl_li1_left{ width:85px; height: 85px; float: left; margin-top:18px ; float: left; margin-left: 25px; border-radius: 50%; border: 1px solid #cccccc; overflow: hidden;}

div.usercenterl_li1_left img{ width: 100%; height:100%;}

div.usercenterl_li1_rt{ width: 190px; height: auto; float: left; margin-left: 22px;}

div.usercenterl_li1_rt_t{ width: 100%; height: auto; line-height: 50px; color: #333; font-size: 18px; font-weight: 700;margin-top: 34px;}

div.usercenterl_li_list{ cursor: pointer; width: 93%; height: 70px;     font-size: 18px; border-top:#dfdfdf 1px solid; background: #fff; line-height: 70px; padding-left: 25px; }

div.usercenterl_li_list:hover{background: #4799ff; color: #fff;}

div.usercenterl_li_list:hover a{ color: #fff;}

div.usercenterl_li_listh{background: #4799ff; color: #fff;}

div.usercenterl_li_list a{color: #333; display: block; width: 100%; height: 100%;}

div.usercenterl_li_listh a{color: #fff;}

div.usercenterrt{width: 928px; float: right;  padding: 20px 0 50px;}

div.user1xiugai{  padding-left: 130px; margin-top: 15px;}

div.userinfobk{ width: 100%; margin-bottom: 10px; position: relative;}

div.userinfobk::before {
    content: '';
    display: block;
    width: 66%;
    height: 1px;
    border-bottom: 1px dashed #dddddd;
    position: absolute;
    left: 19px;
    bottom: 0;
}

div.fabu2list_userinfo{ float: left; height: auto; line-height: 50px; color: #333; font-size: 16px;padding-bottom: 9px;
 }

div.fabu2list_userinfo span.chongzhi{ margin-left: 10px; width: 70px; height: 40px; line-height: 40px; border-radius: 7px; border: 1px solid #00b724; color:#00b724;  display: inline-block; padding: 0 7px; text-align: center; cursor: pointer; transition: all 0.36s ease-in-out;}

div.fabu2list_userinfo span.chongzhi:hover{ background: #00b724; color: #fff;}

div.userfabutabbk{ width: 100%; padding:0 44px;}

div.userfabutab{ width: 115px; height:50px; float: left; font-size: 15px; margin-right: 7px; border-radius: 5px; border:#4799ff 1px solid;  line-height: 50px; text-align: center; color: #4799ff; margin-top:20px;}

div.userfabutab:hover{ background: #4799ff; color: #fff;}

div.userfabutabh{background: #4799ff; color:#fff;}

div.fabuinfolistbk{margin-top: 15px;}

div.fabuinfolist {
    width: 94%;
    height: auto;
    border-top: 1px dashed #c5c5c5;
    padding: 15px 44px;
    margin-left: 5%;
}
div.fabulistinfoleftpic{ width:130px; height: 100px; float: left;}

div.fabulistinfoleftpic img{ width: 130px; height: 100px;}

div.fabulistinfoleft_t{ width: 525px;
    margin-left: 15px;
    float: left;
    margin-top: 20px;
    height: 50px;
    line-height: 25px;
    font-size: 16px;
    overflow: hidden;
    color: #666;
    display: flex;
    align-items: center;}

div.fabulistinfoleft_shenhe{ width: 100px; float: left; height: 50px;  margin-top: 20px; line-height: 50px; text-align: center; font-size: 16px; color: red;}

div.nyhuiyuancontent{ width: 1100px; height: auto; margin:auto; line-height: 2.5; font-size:16px; color: #333; }
div.nyhuiyuancontent img{ max-width: 100%;}
.el-breadcrumb {
  font-size: 16px !important;
  line-height: 1;
}
.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link {
  font-weight: 500 !important;
  text-decoration: none;
  transition: color .2s cubic-bezier(.645,.045,.355,1);
  color: #fff !important;
}

.el-breadcrumb__separator{ color: #fff !important;}

div.myfabu_top{ width: 100%; height: 70px;}

div.myfabu_top_1{ width: 115px; height: auto; line-height: 70px; text-align: center; color: #767676; font-size: 18px; float: left;    margin-left: 67px;}
div.myfabu_top_2{ width: 115px; height: auto; line-height: 70px; text-align: center; color:#767676; font-size: 18px; float: left;    margin-left: 35px;}

div.myfabu_top_3{ width: 115px; height: auto; line-height: 70px; text-align: center; color:#767676; font-size: 18px; float: left;    margin-left: 415px;}

div.shenhetishi{ width: 100%; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: 767676; }

div.shenhetishi span{ color: #c7c7c7;}

div.shoukuanbk{ width:100vw; height: 100vh; position: fixed; top:0; left: 0; z-index: 999999; background:rgba(0,0,0,0.7); line-height: 100vh; text-align: center; display: none;}

div.shoukuanbk img{ width: 500px; height: 500px;}

div.panduantiaoshu{ display:none;}

.text-secondary a{ color: #333; transition: all 0.36s ease-in-out;}

.text-secondary a:hover{ color: #ff7f4e;}

div.regcheckbk{ width: 100%; height: auto; padding-left: 35px; line-height: 35px; font-size: 14px; color: #333;}

div.regcheckbk input{ margin-right: 7px; position: relative; top: 2px;}

div.regcheckbk a{ display: inline;}

div.publiclogo{ width: 100%; height: auto; margin-top: 96px; margin-bottom: 96px; height: 60px; text-align: center;}

div.publiclogo img{ height: 60px;}

div.publicwarpbk{ width: 1200px; height: auto; background: #fff; padding: 15px; margin: auto;}

div.publicheadbk{ width: 100%; height:45px; line-height: 45px; background: linear-gradient(to right,#cfdbff,#d1eefe);}

div.publicheadnav{  height: 45px; float: left;  padding: 0 18px; font-size: 16px; font-weight: 700; }

div.publicheadnav a{ color: #fff; width: 100%; height: 100%; display: block;}

div.publicheadnav:hover{ background: #7fa4fe;}

div.publicheadftbk{ width: 100%; height:50px; background: #f3f3f3; margin-top: 10px; }

div.publicheadft_user{  float: left; height: 50px; margin-left: 26px;  }

div.publicheadft_userlogin{  height: 50px; float:left; margin-right: 12px; line-height: 50px; }

div.publicheadft_userlogin a{ color: #717171; font-size: 14px; transition: all 0.36s ease-in-out; }

div.publicheadft_userlogin a:hover{ color: #ff0000;}

div.publicheadft_rtssbk{ width: 247px; height: 39px; float: right; background: url("../img/publicheadss.png") center no-repeat;margin-top: 6px; margin-right:6px;}

div.publicheadft_rtssleft{ width:140px; height: 39px; line-height: 39px; float: left; margin-left: 22px;}

div.publicheadft_rtssleft input{ width: 100%; height: 100%; display: block; background: none; border: none; outline: none; }

div.publicheadft_rtssrt{ width: 77px; height: 39px; float: right;}

div.publicheadft_rtssrt input{ width: 100%; height: 100%; display: block; background: none; border: none; outline: none; cursor: pointer; font-size: 0;}

div.indexistop_tbk{ width: 100%; height: 56px; line-height: 56px; text-align: center; margin-top: 16px; margin-bottom: 16px;}

div.indexistop_t{ max-width: 80%; display:inline-block; padding-left: 120px; height: 56px; line-height: 56px; overflow: hidden; color: #5c88fd; background: url("../img/indexzhiding.jpg") left center no-repeat; font-size: 28px; font-weight: 700;}

div.indexistop_t a{ color:#303030; transition: all 0.36s ease-in-out;}

div.indexistop_t a:hover{ color: #ff4358;}

div.indexoneback{  width: 100%; height: auto;}

div.indexoneleft{ width: 428px; height:310px; float: left;}

div.indexoneleft img{ width: 428px; height: 310px;}

div.indexonemid{ width: 510px; height: auto; float: left; margin-left: 21px;}

div.indexonemid_top{ width:100%; height: 42px; line-height: 42px; border-bottom:1px solid #e8e8e8; background: #fafafa; position: relative; padding-left: 13px; color:#597cff; font-size: 20px; font-weight: 700;}

div.indexonemid_top::before{ width: 3px; height: 16px; content: ''; display: block; background: #ff7979; position: absolute; top: 14px; left: 0;}

div.indexonelist12{ width: 100%; height: auto; margin-top: 12px; border-bottom: 1px solid #e2e2e2; padding-bottom: 11px; margin-bottom: 8px;}

div.indexonelist12_t{ width:100%; height: 41px; line-height: 41px; overflow: hidden; color: #323232; font-size: 18px; font-weight: 700; }

div.indexonelist12_desc{ width: 100%; height: 48px; line-height: 24px; overflow: hidden; color: #717171; font-size: 14px;}

div.indexonelist{ width: 100%; height: 30px;}

div.indexonelist_l{ width: 404px; height:30px; line-height: 30px; overflow: hidden; color: #3e3e3e; font-size: 14px;transition: all 0.36s ease-in-out; color: #3e3e3e; float: left;}

div.indexonelist_r{ width: 80px; height: 30px; line-height: 30px; float: right; color: #a1a1a1; font-size: 14px;}

div.indexonelist:hover div.indexonelist_l{ color: #ff4358;}

div.indexonertbk{ width: 192px; height: 310px; float: right; background: #9db5fe; position: relative;padding-top: 30px;}

div.indexonertbk::before{content: ''; display: block; width: 9px; height: 100%; background: #7698ff; position: absolute; left: 0; top: 0;}

div.indexonert{ width: 143px; height: auto; margin: auto; }

div.indexonertnav{ width: 100%; height: 48px; line-height: 48px; text-align: center; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,0.6); color: #fff;}

div.indexonertnav a{ color: #fff; display: block; width: 100%; height: 100%;}

div.indexonertnav_t{ width: 100%; height:auto; line-height: 40px; text-align: center; font-size: 18px; font-weight: 700; color:#fff; }

div.indexbanner2{ margin-top: 20px; margin-bottom: 15px;}

div.indexthreeback{ width: 100%; height: auto;}

div.indexthreelistbk{ width: 570px; height: auto; float: left;}

div.indexthreelist{ width: 100%; height: 40px; line-height: 40px;}

div.indexthreelist_left{ width: 485px; height: 40px; line-height: 40px; color: #3e3e3e; font-size:16px; float: left; transition: all 0.36s ease-in-out;}

div.indexthreelist_rt{ width: 64px; height: 31px; line-height: 31px; float: right; background: #fafafa; text-align: center; font-size: 14px; color: #8d8d8d;}

div.indexthreelist:hover div.indexthreelist_left{ color: #FF5558;}

div.indexthreelist_rt span{ font-size: 16px; margin-right: 1px;}

div.indexfourback{ width: 100%; height: auto; margin-top: 10px;}



div.indexonelist1{width:23% ; height: auto;    margin-right: 2.5%; float: left; margin-bottom: 10px;}



div.indexonelist1:nth-child(4n){ margin-right: 0;}



div.indexonelist1pic{ width: 100%; height: auto; overflow: hidden;}



div.indexonelist1pic img{ width: 100%;  height: auto;}



div.indexonelist1bottom{ width: 100%; height: auto; background: #fafafa; padding: 0.25rem 0.28rem;}


div.indexonelist1:hover div.indexonelist1pic img{ transform: scale(1.1);}



div.indexonelist1bottomtitle{ width: 100%; height: 26px; line-height: 26px; overflow: hidden;    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; margin-bottom: 0.1rem; color: #1a1a1a; font-size: 14px; font-weight: 700; }

	

div.indexonelist1:hover div.indexonelist1bottomtitle{ color: #004098;}



div.indexonelist1bottomtime{ width: 100%; height: 28px; line-height: 28px; color: #999999; font-size: 14px;}

div.publicfooterback{ width: 100%; height:auto; background: #282b33; padding: 50px 0 0; }

div.publicfooter{ width:1200px; height: auto; margin: auto; }

div.publicfooter_logo{ width: 100%; height: auto; text-align: center; }

div.publicfooter_logo img{filter: brightness(10);}

div.publicfooter_xx{ width: 100%; height: auto; line-height: 35px; text-align: center; color: #fff; font-size: 14px;}

div.publicfooter_icp{ width: 1200px; height: auto; margin: auto; padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.4); text-align: center; margin-top: 20px;}

div.publicfooter_icp a{ color: #fff;}

div.ny_sortname{ width: 100%; height:auto; line-height: 50px; font-size:22px; font-weight: 700; padding-left: 10px; position: relative; margin-top: 15px;}

div.ny_sortname::before{ content: ''; display: block; width: 3px; height:15px; background: #ff6e35; position: absolute; left: 0; top: 18px;}

div.neiyecontentback{ width: 100%; height:auto; padding-bottom: 50px; padding-top: 20px; line-height:35px; font-size: 16px; color: #333;  }

div.nybreadleft{ height: 30px; line-height: 30px; font-size: 14px; color: #353535;}

div.nybreadleft a{ color: #353535;}


.detail-content {
  width: 1170px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.detail-content-left {
  width: auto;
  margin-right: 320px;
}
.detail-content-right {
  width: 300px;
  float: right;
  height: 800px;
	margin-top: 51px;
}
.header {
  width: 1200px;
  margin: 0 auto;
  font-size: 0;
}
.header span {
  display: inline-block;
  vertical-align: middle;
  margin-top: 15px;
}
.header-logo {
  margin-right: 16px;
}
.header-logo img {
  width: 60px;
}
.header-line {
  width: 16px;
  height: 1px;
  background-color: #fff;
  margin: 0 8px;
}
.header-tips {
  font-size: 22px;
  color: #fff;
  margin-right: 170px;
}
.header-desc {
  margin-right: 60px;
}
.header-btn {
  font-size: 14px;
  padding: 6px 22px;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}
.info {
  font-size: 0;
  margin-top: 30px;
  color: #808080;
}
.info-bread {
  font-size: 15px;
  margin-bottom: 20px;
}
.info-bread-icon {
  padding-left: 10px;
  background-size: 5px 10px;
}
.info-bread a {
  color: #25d;
  text-decoration: none;
}
.info-title {
  font-size: 20px;
  color: #000;
}
.info-browse {
  font-size: 14px;
  line-height: 36px;
}
.info-detail {
  overflow: hidden;
  position: relative;
}
.info-detail-ercode {
  position: absolute;
  width: 400px;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
.info-detail-ercode-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 15px;
  right: 16px;
  cursor: pointer;
}
.info-detail-ercode img {
  position: absolute;
  bottom: 46px;
  left: 158px;
  width: 102px;
}
.info-detail-cover {
  position: absolute;
  width: 400px;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.info-detail-cover img {
  margin-top: 70px;
}
.info-detail-pic {
  width: 400px;
  height: 400px;
  float: left;
  margin-right: 40px;
  background-position: center center;
  background-size: cover;
}
.info-detail-infos {
  margin-left: 440px;
}
.info-detail-infos-price {
  font-size: 14px;
  margin: 14px 0 20px 0;
}
.info-detail-infos-price-now {
  margin-right: 24px;
}
.info-detail-infos-price-now span {
  font-size: 18px;
  color: #9bb2fe;
}
.info-detail-infos-address {
  font-size: 14px;
  margin-bottom: 12px;
}
.info-detail-infos-tips {
  font-size: 12px;
  margin-bottom: 26px;
}
.info-detail-infos-tips span {
  display: inline-block;
  color: #ffa559;
  padding: 4px 8px;
  border: 1px solid #ffa559;
  border-radius: 3px;
  margin-right: 28px;
}
.info-detail-infos-btn {
  font-size: 18px;
  margin-bottom: 28px;
}
.info-detail-infos-btn span {
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
}
.info-detail-infos-btn-contact {
  color: #fff;
  padding: 16px 44px;
  background-color: #9bb2fe;
  margin-right: 30px;
}
.info-detail-infos-btn-buy {
  padding: 16px 44px;
  border: 1px solid #9bb2fe;
  color: #9bb2fe;
}
.info-detail-infos-sold {
  font-size: 18px;
  margin-bottom: 28px;
  border-radius: 4px;
  cursor: pointer;
}
.info-detail-infos-sold-soldout {
  display: inline-block;
  background: #ededed;
  /* border-radius: 4px; */
  padding: 16px 100px;
}
.info-detail-infos-count-down {
  width: 100%;
  font-size: 14px;
  margin-bottom: 28px;
  display: inline-block;
}
.info-detail-infos-count-down .food-count-down {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 370px;
  background: #ededed;
  padding: 16px 0 16px 70px;
}
.info-detail-infos-wants {
  display: inline-block;
  font-size: 14px;
  border: 1px solid silver;
  padding: 8px 12px;
  border-radius: 3px;
}
.info-detail-infos-wants-contact img {
  width: 16px;
  height: 12px;
  margin-right: 8px;
}
.info-thumbnail {
  font-size: 0;
  display: inline-block;
  margin-top: 16px;
}
.info-thumbnail-left,
.info-thumbnail-right {
  display: inline-block;
  position: absolute;
  height: 79px;
  line-height: 70px;
  width: 16px;
  border: 1px solid silver;
  margin-right: 16px;
  background: #f3f3f3;
}
.info-thumbnail-left-iconl,
.info-thumbnail-right-iconl,
.info-thumbnail-left-iconr,
.info-thumbnail-right-iconr {
  display: inline-block;
  position: absolute;
  width: 7px;
  height: 17px;
  cursor: pointer;
  overflow: hidden;
  left: 4px;
  top: 30px;
}
.info-thumbnail-left-iconl,
.info-thumbnail-right-iconl {
  background-position: -36px 0;
}
.info-thumbnail-content {
  display: inline-block;
  margin-left: 40px;
  width: 342px;
  overflow: hidden;
}
.info-thumbnail-content-pic {
  width: 3000px;
  overflow: hidden;
  margin-left: 0;
  transition: margin-left 0.5s;
  -moz-transition: margin-left 0.5s;
  /* Firefox 4 */
  -webkit-transition: margin-left 0.5s;
  /* Safari 和 Chrome */
  -o-transition: margin-left 0.5s;
  /* Opera */
}
.info-thumbnail-content img {
  float: left;
  width: 90px;
  height: 79px;
  border: 1px solid silver;
  margin-right: 22px;
}
.dialog {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  z-index: 9999;
}
.dialog-content {
  color: #fff;
  width: 500px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.dialog-content-tips1 {
  font-size: 20px;
  color: #9bb2fe;
  margin: 20px 0;
}
.dialog-content-tips2 {
  font-size: 14px;
  color: #000;
  margin-bottom: 20px;
}
.dialog-content-ercode {
  display: inline-block;
  border: 4px solid #cecece;
  margin: 20px;
}
.dialog-content-ercode img {
  width: 200px;
  height: 200px;
}
.dialog-content-tips4 {
  font-size: 12px;
  color: #909090;
  line-height: 32px;
}
.dialog-content-close {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.desc {
  font-size: 0;
  margin-top: 20px;
}
.desc-title {
  font-size: 16px;
  padding: 2px 10px;
  border-left: 2px solid #9bb2fe;
  margin-bottom: 14px;
  font-weight: bold;
}
.desc-info-pic {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 10px;
}
.desc-info-name {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  margin-right: 10px;
}
.desc-info-tips {
  display: inline-block;
  font-size: 14px;
  color: #808080;
  vertical-align: middle;
}
.desc-content {
  font-size: 16px;
  padding: 34px 16px;
  background: #fff;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  margin-top: 16px;
  position: relative;
}
.desc-content::after {
  content: '';
  position: absolute;
  width: 18px;
  height: 10px;
  overflow: hidden;
  background-position: -38px -547px;
  top: -9px;
  left: 15px;
}
.imgs {
  font-size: 0;
  margin-top: 20px;
}
.imgs-title {
  font-size: 16px;
  padding: 2px 10px;
  border-left: 2px solid #9bb2fe;
  margin-bottom: 14px;
  font-weight: bold;
}
.imgs img {
  max-width: 100%;
}
.step {
  margin: 20px 0;
  padding: 20px;
  background: #f3f3f3;
  position: relative;
  height: 145px;
}
.step-line {
  width: 500px;
  height: 2px;
  margin: -51px auto 0;
  border-top: dotted 2px #ffa559;
}
.step-tips {
  font-size: 24px;
  line-height: 50px;
  font-weight: 400;
  text-align: center;
}
.step-content {
  text-align: center;
  margin-top: 60px;
}
.step-content-step1 {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
}
.step-content-step1-num {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  color: #fff;
  line-height: 40px;
  background: ff483c;
  border-radius: 50%;
}
.step-content-step1-tip {
  font-size: 18px;
  line-height: 40px;
}
.step-content-step1-desc {
  font-size: 14px;
}
.step-content-arrow {
  display: inline-block;
  width: 30px;
  height: 40px;
  background-position: 0 -430px;
  background-size: 60px auto;
  vertical-align: top;
}

.vs {
  margin-bottom: 150px;
}
.vs-why {
  margin: 20px 0;
  padding: 20px;
  text-align: center;
  background: #f3f3f3;
}
.vs-why-tip {
  display: inline-block;
  font-size: 24px;
  line-height: 50px;
  font-weight: 400;
  padding: 0 20px 10px 20px;
  border-bottom: 1px solid #ffa559;
}
.vs-why img {
  display: block;
  margin: 30px auto 10px;
}
.vs-what {
  margin: 20px 0;
  padding: 20px;
  text-align: center;
  background: #f3f3f3;
}
.vs-what-tip {
  display: inline-block;
  font-size: 24px;
  line-height: 50px;
  font-weight: 400;
  padding: 0 20px 10px 20px;
  border-bottom: 1px solid #ffa559;
}
.vs-what-tip1 {
  line-height: 60px;
  color: #616161;
}
.vs-what-ul {
  width: 480px;
  margin: 10px auto 20px;
  text-align: left;
}
.vs-what-ul li {
  margin-bottom: 8px;
  list-style: none;
  text-indent: 15px;
  background: url(data:image/png;base64,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) no-repeat;
  background-position: 0 -540px;
  background-size: 60px auto;
}
.vs-what-line {
  width: 220px;
  height: 1px;
  margin: 20px auto;
  border-bottom: #ffa559 solid 1px;
}
.user {
  padding: 10px 10px 0 10px;
  margin-bottom: 20px;
  background-color: #f8f8f8;
}
.user-cover {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  z-index: 9999;
  display: none;
}
.user-cover-box {
  width: 500px;
  height: 356px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-repeat: no-repeat;
}
.user-cover-box-close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  right: 17px;
  cursor: pointer;
}
.user-cover-box img {
  position: absolute;
  top: 153px;
  left: 206px;
  width: 90px;
}
.user-img {
  display: block;
  margin: 20px auto;
  border-radius: 50%;
  margin-bottom: 10px;
  width: 38px;
  height: 38px;
}
.user-name {
  text-align: center;
  font-size: 14px;
  margin-bottom: 20px;
}
.user-tip {
  text-align: center;
  font-size: 12px;
  color: #7d7d7d;
  margin: 10px 0 15px 0;
}
.user-detail-title {
  padding: 0 10px;
  border-left: 3px solid #9bb2fe;
  /* display: inline-block; */
  font-weight: bold;
  float: left;
  vertical-align: middle;
  /* overflow: hidden; */
}
.user-detail-tip {
  font-size: 12px;
  color: ff483c;
  vertical-align: middle;
  float: right;
  margin-right: 24px;
  cursor: pointer;
}
.user-detail-num {
  clear: both;
  padding: 0 0 15px;
}
.user-detail-num-total {
  display: inline-block;
  border-right: 1px solid #cecece;
  padding-right: 14px;
}
.user-detail-num-total-num {
  font-size: 32px;
  text-align: center;
  color: gray;
}
.user-detail-num-total-tip {
  color: gray;
  font-size: 14px;
  cursor: pointer;
}
.user-detail-num-comment {
  display: inline-block;
  padding: 0 10px;
  border-right: 1px solid #cecece;
}
.user-detail-num-comment-num {
  font-size: 32px;
  text-align: center;
  color: gray;
}
.user-detail-num-comment-tip {
  color: gray;
  font-size: 14px;
}
.user-detail-num-reply {
  display: inline-block;
  padding-left: 10px;
}
.user-detail-num-reply-num {
  font-size: 32px;
  text-align: center;
  color: gray;
}
.user-detail-num-reply-tip {
  color: gray;
  font-size: 14px;
}


.desc img{ max-width:100%;}