.xl_tit{ margin: 0; }

/* CSS Document */
/*!
@author:caihuiting
@design:liuwei
@update:2018-04-27
*/
.hide_txt{ height: 1px; overflow: hidden; line-height: 30; }
.xl_pop_tip{ font: 14px/1.5 Arial, PingfangSC, "Microsoft YaHei", sans-serif;  box-sizing: border-box; border-radius: 4px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2); box-shadow: 0 0 20px rgba(0,0,0,.2); line-height: 1; background: #fff; width: 400px; height: 325px; position: fixed; left: 50%; top: 50%; margin: -153px 0 0 -200px; }
.xl_bot_pop{ box-sizing: content-box; border:1px solid #DFDFDF; border-top: none; height: 175px; padding-top: 20px;}
.xl_btn_clo{ border-radius: 0 4px 0 0; width: 30px; height: 30px; position: absolute; top: 0; right: 0; }
.xl_btn_clo i{ background-image: url(../img/spr.png); background-position: -112px -30px; background-repeat: no-repeat; width: 10px; height: 10px; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px; }
.xl_btn_clo:hover{ background: #FF8080; }
.xl_btn_clo:active{ background: #FF4D4D; }
.xl_top_pop{ background: url(../img/bg.png) no-repeat; color: #fff; width: 400px; height: 130px; }
.xl_top_pop .xl_tit{ box-sizing: content-box; font-size: 12px; padding:8px 8px 0; line-height: 15px; height: 15px; }
.xl_top_warning{ margin-top: 31px; height: 32px; line-height: 32px; text-align: center; font-size: 20px;}
.xl_top_warning .icon_xl_warn{ width: 32px; height: 32px; vertical-align: top; display: inline-block; margin-right: 14px; }
.xl_top_warning .icon_xl_warn.icon_xl_success{ background-image: url(../img/spr.png); background-position: 0px -53px; background-repeat: no-repeat; }
.xl_top_warning .icon_xl_warn.icon_xl_error{ background-image: url(../img/spr.png); background-position: -42px -53px; background-repeat: no-repeat; }
.xl_wp_download{ box-sizing: content-box; font-size: 0; padding: 7px 15px 8px 13px; height: 35px; width: 312px; margin: 0 auto 30px; background: #f5f5f5; border-radius: 4px; }
.xl_img_download{  float: left; }
.xl_img_download{ width: 32px; height: 32px; margin-top: 1px; }
.xl_info_download{ color: #000; position: relative; height: 37px; width: 267px; line-height: 20px; font-size: 12px; margin-left: 45px; margin-top: -3px; overflow: hidden; word-wrap: break-word; }
.xl_info_download.row1{ line-height: 37px; }
a.xl_btn{ width: 340px; height: 40px; line-height: 40px; background: #6699ff; border-radius: 4px; -webkit-box-shadow: 0 3px 10px rgba(0,66,155,.39); box-shadow: 0 3px 10px rgba(0,66,155,.39); display: block; margin: 0 auto; text-align: center; color: #fff; text-decoration: none; font-size: 16px; }
.xl_btn .icon_xl_logo{ background-image: url(../img/spr.png); background-position: -112px 0px; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: -5px; margin-right: 8px; }
a.xl_btn:hover{ background: #4B87FF; text-decoration: none;}
.xl_btn:active{ background: #6699ff; }
.xl_info_download:after{ content: ''; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAA2UlEQVQ4jZWU3Q7CMAiFP0zUzWmi7/+cu8ab1pwi1ElC+rMeTjmw2r7vC7ABd+ABPJu/xDdgBW7NV1kvwa/Apfn5RG5ejH1uzbvpfIjTCVyALoAYpAxU7XWCDo43jSSenJuZqUTlLf60AVPVAL7l+JfMCDWIGsdaVPrPLmazDJRIx+xbRu60DLICHyHsplgdjZZB1aIxaNW6cW/otKqLdP4rQyeXaiiyBsoCZGvNvMTEDDJQDFC1r0qcSmThYCSeEWX1+xR5Zgo68kyoCsD4FmXA7EebaR5V8Df2j0f3uaGs4wAAAABJRU5ErkJggg==); width: 24px; height: 16px; position: absolute; right: 0; bottom: 0; }
.xl_pop_orev{ height: 283px; margin-top: -142px; }
.xl_pop_orev .xl_pop_suggest{ font-size: 12px; color: #4B4B4B; line-height: 20px; width: 270px; margin: 2px auto 22px; }
.xl_pop_orev .icon_xl_warn{ margin-top: 2px; width: 46px; height: 42px; }
.xl_pop_orev .icon_xl_warn.icon_xl_browser{ background-image: url(../img/spr.png); background-position: -56px 0px; background-repeat: no-repeat; }
.xl_pop_orev .xl_top_warning span{ margin-top: -3px; vertical-align: top; display: inline-block; width: 232px; text-align: left; font-size: 16px; line-height: 26px; }
.xl_pop_orev .xl_top_warning{ margin-top: 23px; height: 46px; }
.xl_pop_orev2{ height: 256px; margin-top: -248px; }
.xl_pop_orev2 .xl_top_pop{ height: 146px; }
.xl_pop_orev2 .xl_btn _know{ margin: 20px auto 0; }
.xl_pop_orev2 .icon_xl_warn{ width: 46px; height: 43px; margin-top: 2px; }
.xl_pop_orev2 .icon_xl_warn.icon_xl_batch{ background-image: url(../img/spr.png); background-position: 0px 0px; background-repeat: no-repeat; }
.xl_pop_orev2 .xl_top_warning{ margin-top: 33px; line-height: 26px; height: 46px; font-size: 16px;}
.xl_pop_orev2 .xl_top_warning span{ margin-top: -3px; vertical-align: top; display: inline-block; width: 249px; text-align: left; font-size: 16px; line-height: 26px; }
.xl_pop_orev .xl_bot_pop{ height: 132px; }
.xl_pop_orev2 .xl_bot_pop{ height: 90px; }
.xl_wp_downjs{ width: 30px; height: 30px; position: absolute; top: 0; right: 30px; }
.xl_wp_downjs .xl_btn_downjs{ width: 30px; height: 30px; position: absolute; left: 0; top: 0; }
.xl_wp_downjs .xl_btn_downjs:hover{ background: #6187E4; }
.xl_wp_downjs .xl_btn_downjs:active{ background: #5879CB; }
.xl_wp_downjs .xl_btn_downjs i{ background-image: url(../img/spr.png); background-position: -85px -53px; background-repeat: no-repeat; width: 12px; height: 12px; left: 50%; top: 50%; margin: -6px 0 0 -6px; position: absolute; z-index: 2;}
.xl_wp_downjs .xl_wp_downjs_tip{ display: none; position: absolute; bottom: 32px; left: 50%; margin-left: -88px; }
.xl_wp_downjs .xl_wp_downjs_tip p{ margin: 0; width: 173px; height: 25px; line-height: 25px; color: #000; background: #fff; border:1px solid #DFDFDF; font-size: 12px; text-align: center; border-radius: 3px; box-shadow: 0 0 20px rgba(0,0,0,.2); box-sizing: border-box; }
.xl_wp_downjs_tip:after{ content: ''; background: url(../img/spr.png) no-repeat; background-position: -85px -73px; width: 17px; height: 9px; position: absolute; bottom: -7px; left: 50%; margin-left: -8px; }
.xl_wp_downjs:hover .xl_wp_downjs_tip{ display: block; }
.xl_bot_tip{ color: #000; margin-top: 20px; padding: 0 30px; font-size: 12px; line-height: 12px; }
.xl_wp_downapp{ margin: 0; float:left; position: relative; height: 12px; text-align: center; }
.xl_wp_downapp .tip_app .icon_xl_phone{ background: url(../img/spr.png) no-repeat; width: 12px; height: 12px; background-position: -104px -53px; display: inline-block; vertical-align: -2px; margin-right: 2px; position: relative; }
.xl_downapp_tip{ position: absolute; top: 40px; left: 50%; margin-left: -63px; }
.xl_downapp_tip .xl_img_code{ border:1px solid #DFDFDF; border-radius: 3px; box-shadow: 0 0 20px rgba(0,0,0,.2); padding: 20px; background: #fff; width: auto; height: auto;  }
.xl_downapp_tip:after{ content: ''; background: url(../img/spr.png) no-repeat; background-position: -104px -74px; width: 17px; height: 9px; position: absolute; top: -7px; left: 50%; margin-left: -8px; }
.xl_bot_tip .xl_tip_downmkv{ float: right; margin: 0;}
.xl_bot_tip .xl_tip_downmkv .link{ margin-left: 2px; color: #6699ff; text-decoration: none; }
.xl_bot_tip .xl_tip_downmkv .link:hover{ text-decoration: underline; }
.xl_pop_orev2 .xl_btn{ margin-top: 22px; }
.xl_wp_downmkv{ float: right; position: relative; height: 12px; }
.xl_downmkv_tip{ display: none; margin-left: -20px; position: absolute; top: 40px; left: 50%;}
.xl_downmkv_tip p{ margin: 0; border: 1px solid #DFDFDF; border-radius: 3px; box-shadow: 0 0 20px rgba(0,0,0,.2); background: #fff; width: auto; padding: 9px 15px; line-height: 20px; white-space: nowrap;}
.xl_downmkv_tip:after{ content: ''; background: url(../img/spr.png) no-repeat; background-position: -104px -74px; width: 17px; height: 9px; position: absolute; top: -7px; left: 50%; margin-left: -8px; }
.xl_wp_downmkv:hover .xl_downmkv_tip{ display: block; }
.xl_wp_downapp p{ margin: 0; }
.xl_comfirm_wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0,0,0,0.50);
}
.xl_comfirm_wrapper .xl_comfirm_content {
  position: absolute;
  background: #dfdfdf;
  width: 85%;
  top: 50%;
  margin-top: -85px;
  margin-left: 7.5%;
  border-radius: 10px;
  overflow: hidden;
}
.xl_comfirm_wrapper .xl_comfirm_content .dialog_title {
   height: 20px;
   font-size: 17px;
   margin-top: 16px;
   color: #000000;
   text-align:center;
   font-weight: 500;
}

.xl_comfirm_wrapper .xl_comfirm_content .footer {
  height: 50px;
  bottom: 0;
  display: flex;
  position: relative;
  padding: 0;
  border-top: solid 1px #949BA5;
}
.xl_comfirm_wrapper .xl_comfirm_content .footer .dialog_btn{
  flex: 1;
  font-size: 16px;
  height: 50px;
  display: inline-block;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
}
.xl_comfirm_wrapper .xl_comfirm_content .footer .cancel {
  border-radius: 0 0 0 5px;
  color: #26292D;
}
.xl_comfirm_wrapper .xl_comfirm_content .footer .comfirm {
  border-radius: 0 0 5px 0;
  font-size: 17px;
  color: #007AFF;
  border-left: solid 1px #949BA5;
}


.xl_ios_comfirm_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}

.xl_ios_comfirm_wrapper .xl_ios_comfirm_shadow {
  width: 100%;
  height: 100%;
  background-color: #000002;
  opacity: .6;
}

.xl_ios_comfirm_wrapper .xl_ios_comfirm {
  position: absolute;
  top: 40%;
  width: 80%;
  background-color: #EDF4FF;
  border-radius: 10px;
  left: 10%;
}

.xl_ios_comfirm_wrapper .xl_ios_comfirm .title {
  color: #2A6BDD;
  font-size: 1.3rem;
  margin: 1rem 1rem 0 1rem;
}

.xl_ios_comfirm_wrapper .xl_ios_comfirm .desc {
  display: flex;
  padding: 0.4rem 1rem;
  justify-content: space-between;
  font-size: 11px;
}

.xl_ios_comfirm_wrapper .xl_ios_comfirm .desc p {
  display: inline-flex;
  align-items: center;
}

.xl_ios_comfirm_wrapper .xl_ios_comfirm .desc p span {
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #619BFF;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 1rem;
  margin-right: .2rem;
}

.xl_ios_comfirm_wrapper .xl_ios_comfirm .content-wrap {
  margin: 1rem;
  box-sizing: border-box;
}

.xl_ios_comfirm_wrapper .xl_ios_comfirm .content {
  background-color: #fff;
  display: inline-flex;
  /* justify-content: start; */
  border-radius: 5px;
  align-items: center;
  width: 100%;
}

.xl_ios_comfirm_wrapper .xl_ios_comfirm .content img {
  width: 2rem;
  height: 2rem;
  margin: 1rem;
}

.xl_ios_comfirm_wrapper .xl_ios_comfirm .content .icon {
  width: 3rem;
  height: 3rem;
  margin: 1rem;
}

.xl_ios_comfirm_wrapper .xl_ios_comfirm .content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 0.8rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex:1;
}

.xl_ios_comfirm_wrapper .xl_ios_comfirm .save {
  background-color: #3F85FF;
  margin-top: 1.4rem;
  color: #fff;
  text-align: center;
  padding: .8rem 0;
  border-radius: 5px;
  margin: 1rem;
}

.xl_ios_comfirm_wrapper .xl_ios_comfirm .closeBtn {
  position: absolute;
  top: 1.4rem;
  right: 1.4rem;
  width: 1.5rem;
  height: 1.5rem;
}