.experience{width:100%;font-size:12px;color:#333;white-space:nowrap;padding:20px 10px 10px 12px;box-sizing:border-box;border-bottom:1px solid #eee;overflow:hidden}.experience>div{overflow:hidden;padding:8px 6px}.experience>div .info{width:100%;overflow:visible;display:inline-block;vertical-align:top;height:auto;padding:0 0 0 22px;border-left:solid 1px #dddddd;box-sizing:border-box;-moz-transition:height, 0.4s;-webkit-transition:height, 0.4s;-o-transition:height, 0.4s;-ms-transition:height, 0.4s;transition:height, 0.4s}.experience>div .info p{white-space:normal;position:relative;word-break:break-all;line-height:16px;min-height:16px}.experience>div .info p:nth-child(1){margin-top:-8px}.experience>div .info p.year::after{content:'';position:absolute;left:-26px;top:5px;width:7px;height:7px;background-color:#dddddd;border-radius:50% 50%}.experience .more{width:100%;padding-left:2px;margin-top:8px;color:#3c948b}.experience .more i{font-size:16px;margin-right:16px;vertical-align:bottom}.arttist_firstpage{width:100%;height:100%;min-height:400px;color:#fff;z-index:2;display:inline-block;position:relative;text-align:center;background-position:center center}.arttist_firstpage .linear-gradient{position:absolute;width:100%;height:100%;background-image:url(https://cdn.ywart.com/content/image/top0bottomblack.png);background-size:auto 100%;background-repeat:repeat-x;z-index:-1}.arttist_firstpage .uppart{height:50%;position:relative}.arttist_firstpage .uppart .barrageBox{width:100%;height:100%;position:absolute;display:none;padding:80px 20px 20px;box-sizing:border-box}.arttist_firstpage .uppart .barrageBox .barrageMessages{overflow:hidden;width:100%;max-height:180px}.arttist_firstpage .uppart .barrageBox .barrageMessages .mytalk{border:1px solid rgba(255,255,255,0);border-radius:4px;background-color:rgba(255,255,255,0.15)}.arttist_firstpage .uppart .barrageBox .barrageMessages .swiper-wrapper{display:block}.arttist_firstpage .uppart .barrageBox .barrageMessages p{font-size:14px;font-weight:500;height:32px;box-sizing:border-box;padding:5px;box-sizing:border-box;line-height:20px;text-align:left;width:auto;display:table}.arttist_firstpage .uppart .barrageBox .barrageMessages p:nth-last-child(2){opacity:0.9}.arttist_firstpage .uppart .barrageBox .barrageMessages p:nth-last-child(3){opacity:0.8}.arttist_firstpage .uppart .barrageBox .barrageMessages p:nth-last-child(4){opacity:0.7}.arttist_firstpage .uppart .barrageBox .barrageMessages p:nth-last-child(5){opacity:0.6}.arttist_firstpage .uppart .barrageBox .barrageMessages p:nth-last-child(6){opacity:0.5}.arttist_firstpage .uppart .barrageBox .barrageMessages p:nth-last-child(7){opacity:0.4}.arttist_firstpage .uppart .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p.swiper-slide-prev{opacity:0.4}.arttist_firstpage .uppart .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p.swiper-slide-active{opacity:0.4}.arttist_firstpage .uppart .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p.swiper-slide-active+p{opacity:0.5}.arttist_firstpage .uppart .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p.swiper-slide-active+p+p{opacity:0.6}.arttist_firstpage .uppart .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p.swiper-slide-active+p+p+p{opacity:0.7}.arttist_firstpage .uppart .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p.swiper-slide-active+p+p+p+p{opacity:0.8}.arttist_firstpage .uppart .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p.swiper-slide-active+p+p+p+p+p{opacity:0.9}.arttist_firstpage .uppart .barrageBox .writeBox{margin-top:20px;width:100%;height:36px}.arttist_firstpage .uppart .barrageBox .writeBox .writebtn{width:36px;height:100%;float:left;background-color:#ffffff;box-shadow:0 0 5px 0 rgba(0,0,0,0.2);border-radius:50% 50%;font-size:28px;text-align:center;line-height:36px;cursor:pointer}.arttist_firstpage .uppart .barrageBox .writeBox .writebtn i{height:30px;line-height:30px;vertical-align:top;margin-top:3px;width:100%;text-align:center;color:#3c948b;font-size:20px}.arttist_firstpage .uppart .barrageBox .writeBox .inputbox{width:0;height:100%;margin-left:14px;float:left;overflow:hidden;position:relative}.arttist_firstpage .uppart .barrageBox .writeBox .inputbox input{width:230px;height:100%;float:right;border-radius:18px;padding:0 30px 0 20px;box-sizing:border-box;border:none}.arttist_firstpage .uppart .barrageBox .writeBox .inputbox .sendbtn{position:absolute;right:0;width:30px;height:36px;line-height:36px;border-left:1px solid #eee;cursor:pointer}.arttist_firstpage .uppart .barrageBox .writeBox .inputbox .sendbtn i{height:30px;line-height:30px;vertical-align:top;margin-top:3px;width:100%;text-align:center;color:#c0c0c0;font-size:20px}.arttist_firstpage .uppart .barrage{width:26px;height:18px;background-color:#ffffff;border-radius:9px;font-size:12px;color:#666;position:absolute;text-align:center;cursor:pointer;top:30px;left:20px;z-index:3}.arttist_firstpage .uppart .barrage span{display:block;width:18px;height:18px;background-color:#ffffff;color:#666;border-radius:50% 50%;border:1px solid #333;box-sizing:border-box;position:absolute;right:-10px;top:-10px;font-size:12px;line-height:17px;text-align:center}.arttist_firstpage .uppart .barrage:after{content:'';width:0;height:0;border-top:4px solid #fff;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:0;position:absolute;top:100%;left:50%;margin-left:-1px}.arttist_firstpage .uppart .barrage.activeshow{background-color:#46d2c3}.arttist_firstpage .uppart .barrage.activeshow span{background-color:#46d2c3}.arttist_firstpage .uppart .barrage.activeshow:after{border-top:4px solid #46d2c3}.arttist_firstpage .downpart{height:210px}.arttist_firstpage .downpart .artistName{width:100%;font-size:30px;padding:0 15%;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.arttist_firstpage .downpart .artistSlogan{width:100%;margin-top:20px;font-size:14px}.arttist_firstpage .downpart .artistHttp{margin-top:20px;font-size:14px;white-space:normal;padding:0 10px;width:100%;box-sizing:border-box;word-break:break-word}.arttist_firstpage .downpart .downarrow{position:absolute;bottom:20px;width:50px;height:30px;left:50%;margin-left:-25px}.arttist_firstpage .downpart .downarrow span{margin-left:15px;display:block;width:20px;height:20px;border-bottom:1px solid #fff;border-right:1px solid #fff;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.secondpage{width:100%;padding:54px 0 30px 0;color:#fff}.secondpage .artistPhoto{display:block;margin:auto;width:160px;height:160px;box-shadow:0 0 6px 0 #000033;border:solid 6px #ffffff;border-radius:50% 50%}.secondpage .likesNum{margin:auto;margin-top:34px;display:block;width:100px;height:22px;border-radius:12px;background-color:#ffffff;border:solid 1px #ffffff}.secondpage .likesNum i{display:block;height:22px;line-height:22px;float:left;width:29px;text-align:center;font-size:14px;padding-left:2px;box-sizing:border-box;color:#999}.secondpage .likesNum i.active{color:#e05c46}.secondpage .likesNum span{margin-top:-1px;float:left;border-left:1px solid #eee;width:70px;height:24px;line-height:24px;box-sizing:border-box;display:inline-block;font-size:12px;color:#666666;text-align:center}.secondpage .artistNameAndLevel{margin-top:33px;font-size:20px;font-weight:500;line-height:28px;width:100%;text-align:center;color:#fff}.secondpage .artistNameAndLevel>p{display:inline-block;width:24px;height:24px;font-size:14px;position:relative}.secondpage .artistNameAndLevel>p img{height:24px;line-height:28px;vertical-align:top}.secondpage .artistNameAndLevel>p span{display:none}.secondpage .artistNameAndLevel>p:hover span{display:block;position:absolute;width:110px;left:0;top:-30px;color:#666;height:24px;padding:0 10px;background-color:#fff;border:1px solid #eee;border-radius:3px;box-shadow:rgba(0,0,0,0.2) 2px 2px 2px}.secondpage .resume{margin-top:30px;width:100%;text-align:center;font-size:14px;white-space:normal}.secondpage #sharejs{margin-top:30px;width:100%;text-align:center}.secondpage #sharejs a{border:none;background:none;font-size:18px;color:inherit}.secondpage #sharejs a.icon-weibo:hover{color:#ff763b}.secondpage #sharejs a.icon-qzone:hover{color:#FDBE3D}.secondpage #sharejs a.icon-qq:hover{color:#56b6e7}.secondpage #sharejs a.icon-wechat:hover{color:#7bc549}.artlist_mobile{font-size:16px;width:100%;-webkit-overflow-scrolling:touch;overflow:hidden}.artlist_mobile a{line-height:2em;font-size:1em;color:#000;font-weight:600;text-decoration:none}.artlist_mobile .artist_works{width:100%;text-align:center;background-color:#fff}.artlist_mobile .artist_works.two{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:18px;padding-bottom:0}.artlist_mobile .artist_works .container_box.active{width:100%}.artlist_mobile .artist_works .container_box.active li.item{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 30px;width:100%;margin:0 auto;position:relative;margin-bottom:40px}.artlist_mobile .artist_works .container_box.active li.item:first-child{margin-top:40px}.artlist_mobile .artist_works .container_box.active li.item a{width:100%;height:100%;margin-bottom:16px;max-height:350px;display:block;max-width:100%}.artlist_mobile .artist_works .container_box.active li.item img{margin:0 auto;display:block;max-height:350px;max-width:100%}.artlist_mobile .artist_works .container_box.active li.item .single_bold{font-weight:500;color:#000}.artlist_mobile .artist_works .container_box.active li.item .works_info{background-color:#fff;font-size:12px;color:#666666}.artlist_mobile .artist_works .container_box.active li.item .works_info p{line-height:20px}.artlist_mobile .artist_works .container_box.active li.item p.price{margin-top:30px;font-size:16px;font-weight:500;color:#000}.artlist_mobile .artist_works .container_box.default{overflow:hidden;width:100%}.artlist_mobile .artist_works .container_box.default .gutter-sizer{width:19px}.artlist_mobile .artist_works .container_box.default .grid-sizer{width:47.3%}.artlist_mobile .artist_works .container_box.default li.item{width:47.3%;position:relative;float:left;margin-bottom:26px;overflow:hidden}.artlist_mobile .artist_works .container_box.default li.item a{width:100%;display:block;margin-bottom:10px}.artlist_mobile .artist_works .container_box.default li.item a img{width:100%;display:block}.artlist_mobile .artist_works .container_box.default li.item .works_info p{font-size:12px;color:#666666;text-align:left;line-height:16px}.artlist_mobile .artist_works .container_box.default li.item .works_info p.single_bold{display:block;font-size:12px;color:#000000}.artlist_mobile .artist_works .container_box.active+.line_box{width:120%;position:fixed;left:-10%;bottom:0;z-index:5;background-color:#fff}.artlist_mobile .artist_works .container_box.active+.line_box .line{overflow:hidden;width:100%;height:6px;box-shadow:0 2px 3px 0 rgba(0,0,0,0.3) inset;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.3) inset;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.3) inset}.nomore{line-height:38px;font-size:12px;background-color:#eee;color:#999999;text-align:center}@media screen and (min-width: 666px){.container_box.default{left:1.1%}.container_box.default .gutter-sizer{width:3% !important}}
