html {
  width: 100%; overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight: rgba(0,0,0,0);
  -webkit-text-size-adjust: none;
}
body {
  margin:0; padding:0; overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
}
html,
body {
  background: rgb(183, 146, 197)
}
body {
  padding-bottom: constant(safe-area-inset-bottom);
}
body, div, p, th, td, ul, li, dl, dt, dd, input, button, select, textarea{
font-family:"SimHei", Arial, "SimSun";
}
body, div, p, th, td{
margin:0; padding:0; color:#303030;
-webkit-text-size-adjust:none;
}
input, button, select, textarea{
margin:0; padding:0; border:0; line-height:normal;
outline:none; vertical-align:middle;
border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
  -moz-box-sizing:border-box; -ms-box-sizing:border-box;
  -webkit-box-sizing:border-box; box-sizing:border-box;
background-color:#fff;
}
textarea{
resize:none;
}
label {
cursor:pointer;
}
table{
border-collapse:collapse; border:0;
}
th, td{
border:0;
}
img{
width:100%; vertical-align:middle; border:0;
}

/* div,
p,
img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
} */

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

button,
input[type=button],
input[type=submit]{
border:0; cursor:pointer; text-align:center;
-webkit-appearance:none;
}


.boxsize{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

body{
  background: rgb(183, 146, 197)
}

.page{
  width:100%; position: relative;
}

.artPageMain{
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.banner{
  background: url("../img/cibaolv/banner.jpg");
  background-size: 1920px 814px;
  width: 100%;
  height: 814px;
  margin: 0 auto;
  overflow: hidden;
}

.sjy{
  background: url("../../img/artistPage/sunjiayi/banner.jpeg");
  background-size: 1920px 814px;
  width: 100%;
  height: 814px;
  margin: 0 auto;
  overflow: hidden;
}

.sjy .artBanName{
  text-shadow:5px 2px 6px #000;
}

.lxl{
  background: url("../../img/artistPage/lixulei/banner.jpg");
  background-size: 1920px 814px;
  width: 100%;
  height: 814px;
  margin: 0 auto;
  overflow: hidden;
}

.txl{
  background: url("../../img/artistPage/tianxiaolei/banner.jpg");
  background-size: 1920px 814px;
  width: 100%;
  height: 814px;
  margin: 0 auto;
  overflow: hidden;
}

.fxl{
  background: url("../../img/artistPage/fangxiaolong/banner.jpg");
  background-size: 1920px 814px;
  width: 100%;
  height: 814px;
  margin: 0 auto;
  overflow: hidden;
}

.fxl .artBanName{
  text-shadow:5px 2px 6px #000;
}

.jn{
  background: url("../../img/artistPage/Jonathan/banner.png");
  background-size: 1920px 814px;
  width: 100%;
  height: 814px;
  margin: 0 auto;
  overflow: hidden;
}

.artBanName{
  font-size: 50px;
  color: #fff;
  height: 100px;
  width: 1240px;
  margin: 0 auto;
  text-align: center;
  margin-top: 475px;
  background: url("../img/cibaolv/bannerNameBg.png");
  background-size: 40px 24px;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.introdu{
  width: 1240px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 55px;
}

.introduImg{
  width: 193px;
  height: 199px;
  margin: 0 auto;
  padding-top: 102px;
}

.introduImg img{
  width: 100%
}

.introdu p{
  text-align: center;
  color: #fff;
  font-size: 21.5px;
  padding-top: 13px;
}

.introdu p:nth-child(2){
  font-size: 28px;
  padding-top: 30px;
}

.navigation{
  width: 1240px;
  height: 60px;
  margin: 0 auto;
  border-top: 1px solid rgb(197, 157, 212);
  border-bottom: 1px solid rgb(197, 157, 212);
}

.navBox ul{
  margin: 0;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 0;
}

.navBox ul li{
  float: left;
  padding:0 28px;
  list-style-type:none;
  font-size: 28px;
  position: relative;
  cursor:pointer;
}


.navBox ul li:last-child{
  padding:0 0 0 46px;
}

.navBox ul li::after{
  content: "";
  position: absolute;
  width: 1px;
  height: 33px;
  top: 0;
  right: 0;
  background-color: #fff;
  z-index: 0;
}

.navBox ul li:nth-last-child(1)::after{
  width: 0;
}

.navigationFixd{
  width: 100%;
  position: fixed;
  top: 0;
  background: rgb(183, 146, 197);
  z-index: 10;
  display: none;
}

.navigationFixd .navBox{
  width: 1240px;
  height: 60px;
  margin: 0 auto;
  border-top: 1px solid rgb(197, 157, 212);
  border-bottom: 1px solid rgb(197, 157, 212);
}

.active{
  color: rgb(228, 188, 244);
}

.resume{
  width: 100%;
  height: auto;
  margin-bottom: 75px;
}

.resumeW{
  width: 1240px;
  margin: 0 auto;
}

.re_title{
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 28px;
  padding: 75px 0;
}

.re_title .text1{
  font-size: 28px;
  color: #fff;
  position: relative;
}

.re_title .text2{
  font-size: 28px;
  color: #fff;
  margin-top: 60px;
}

.re_title .text1::after{
  content: "";
  position: absolute;
  width: 108px;
  height: 4px;
  bottom: -130%;
  left: 4px;
  background-color: #fff;
  z-index: 1;
}

.resumeText{
  font-size: 25px;
  color: #fff;
  text-align: center;
  line-height: 50px;
}

.resumShow{
  padding-left: 90px;
  height: auto;
  width: 483px;
  margin: 0 auto;
  color: #fff;
  font-size: 25px;
  margin-top: 85px;
  line-height: 50px;
}

.txlresumeW .resumShow{
  padding-left: 0;
  width: 650px;
}

.lxlresumeW .resumShow{
  padding-left: 130px;
  width: 760px;
}

.pastExh{
  width: 100%;
  height: auto;
  border-top: 4px solid rgb(197, 157, 212);
  margin-bottom: 75px;
}

.pastExhW{
  width: 1240px;
  margin: 0 auto;
}

.exhList{
  width: 573px;
  height: auto;
  margin: 0 auto;
}

.exBox{
  width: 100%;
  background: #fff;
  height: 565px;
  margin-bottom: 47px;
}

.exTitle{
  font-size: 22px;
  line-height: 44px;
  padding: 0 42px;
  margin-top: 34px;
}

.exText{
  font-size: 14px;
  padding: 0 42px;
}

.produ{
  width: 100%;
  height: auto;
  border-top: 4px solid rgb(197, 157, 212);
}

.jnProdu{
  border-top: none;
}

.produW{
  width: 1240px;
  margin: 0 auto;
}

.produList{
  width: 1052px;
  height: auto;
  background: #fff;
  margin: 0 auto;
  padding-top: 75px;
  padding-bottom: 1px;
  margin-bottom: 95px;
}

.fxlPB .produBox img{
  margin-bottom: 10px;
}

.produBox{
  width: 573px;
  margin: 0 auto;
  margin-bottom: 45px;
}


.produImgText{
  text-align: center;
  font-size: 22px;
  padding-top: 24px;
}

.produImgText span{
  font-size: 18px;
}

.mulProdu{
  width: 100%;
  height: auto;
  border-top: 4px solid rgb(197, 157, 212);
  margin-bottom: 70px;
}

.mulProduW{
  width: 1240px;
  margin: 0 auto;
}

.mp_title{
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 28px;
  padding: 75px 0;
}

.mp_title .text1{
  font-size: 28px;
  color: #fff;
  position: relative;
}

.mp_title .text2{
  font-size: 28px;
  color: #fff;
  margin-top: 60px;
}

.mp_title .text1::after{
  content: "";
  position: absolute;
  width: 108px;
  height: 4px;
  bottom: -130%;
  left: 20px;
  background-color: #fff;
  z-index: 1;
}

.videoBox{
  width: 573px;
  height: 562px;
  margin: 0 auto;
  background: #fff;
}

.txlmulProdu .videoBox{
  margin-bottom: 20px;
  /* height: 462px; */
}

.video_c{
  width: 100%;
  height: 405px;
  position: relative;
}

/* .txlmulProdu .video_c{
  height: 320px;
} */


.video_c .video_w{
  width: 100%;
  height: 405px;
  background: rgb(111, 62, 62)
}
/* 
.txlmulProdu  .video_c .video_w{
  height: 320px;
} */

.video_c .video_w .video{
  width: 100%;
  height: 100%;
}

.video_c .video_w iframe{
  width: 100%;
  height: 100%;
}


.video_c .btn_play{
  width: 122px;
  height: 118px;
  position: absolute;
  top: 150px;
  left: 220px;
}

.txlmulProdu  .video_c .btn_play{
  top: 100px;
}

.vbTitle{
  font-size: 22px;
  padding-top: 38px;
  padding-left: 40px;
  line-height: 44px;
}

.vbText{
  font-size: 14px;
  line-height: 28px;
  padding: 0 40px;
}

.reports{
  width: 100%;
  height: auto;
  border-top: 4px solid rgb(197, 157, 212);
  margin-bottom: 20px;
}

.txlreports{
  margin-bottom: 75px;
}

.reportsW{
  width: 1240px;
  margin: 0 auto;
}

.reportList{
  width: 573px;
  height: auto;
  margin: 0 auto;
}

.reportBox1{
  width: 100%;
  height: auto;
  background: #fff;
  margin-bottom: 48px;
}

.rpTitle{
  font-size: 22px;
  padding-top: 38px;
  padding-left: 40px;
  line-height: 44px;
}

.rpText{
  font-size: 14px;
  line-height: 28px;
  padding: 0 40px;
  padding-bottom: 45px;
}

.reportList a:nth-child(2) .reportBox1{
  margin-bottom: 0;
}

.reportBox2{
  width: 100%;
  height: auto;
  border-bottom:  4px solid rgb(197, 157, 212);
}

.rpTitle2{
  font-size: 22px;
  padding:0 40px;
  padding-top: 54px;
  line-height: 44px;
  color: #fff;
}

.rpText2{
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  padding: 0 40px;
  padding-bottom: 54px;
}

.reportList a:nth-last-child(1) .reportBox2{
  border-bottom: none;
}

.cooperate{
  width: 100%;
  height: auto;
  border-top: 4px solid rgb(197, 157, 212);
}

.cooperateW{
  width: 1240px;
  margin: 0 auto;
}

.cooBox{
  width: 573px;
  height: auto;
  margin: 0 auto;
  background: #fff
}

.cooTitle{
  font-size: 22px;
  padding-top: 38px;
  padding-left: 40px;
  line-height: 44px;
}

.cooText{
  font-size: 14px;
  line-height: 28px;
  padding: 0 40px;
  padding-bottom: 45px;
}

.record{
  width: 100%;
  text-align: center;
  font-size: 29.1px;
  margin-top: 84px;
}

.record a{
  color: #fff;
}

.goToTop{
  width: 120px;
  border-bottom: 3px solid #fff;
  margin: 0 auto;
  text-align: center;
  font-size: 29.1px;
  color: #fff;
  line-height: 58.2px;
  margin-top: 45px;
  margin-bottom: 100px;
  cursor:pointer;
}

.return{
  background: url("../img/return_pc.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 90px;
  height: 90px;
  position: fixed;
  right: 245px;
  bottom: 180px;
  cursor:pointer;
}

.toTopIcon{
  background: url("../img/toTop_pc.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 90px;
  height: 90px;
  position: fixed;
  right: 245px;
  bottom: 80px;
  cursor:pointer;
  display: none;
}