header{position:fixed;background:none;box-shadow:none;width:800px;left:0;transition:all, 0.5s;height:68px;padding:0 40px;z-index:10}header .logo{float:left;height:68px;margin-left:20px;margin-right:100px}header .logo img{height:68px;width:42px}header .nav{display:inline-block;line-height:68px;text-align:center;float:left;white-space:nowrap}header .nav a{font-size:16px;margin-right:50px;display:inline-block;color:#fff;text-decoration:none;letter-spacing:1px;position:relative}header .nav a:hover:after{width:100px;height:5px;background-color:#fff;display:block;content:'';position:absolute;bottom:0}header .nav a:nth-child(1):after{left:-18px}header .nav a:nth-child(2):after{left:-32px}header .nav a:nth-child(3):after{left:-23px}header .nav a:nth-child(4):after{left:-14px}body{background-color:#eee;white-space:nowrap;min-height:640px;font-size:0;overflow:hidden;overflow-y:hidden;min-width:968px}body .experience{display:inline-block;position:fixed;top:-200%;left:-200%;width:auto;height:100%;font-size:12px;color:#333;white-space:nowrap;padding:60px 42px 88px;box-sizing:border-box;margin-right:10px}body .experience div{width:380px;overflow:visible;display:inline-block;vertical-align:top;padding:0 22px;border-left:solid 1px #dddddd}body .experience div p{white-space:normal;word-break:break-all;position:relative;line-height:16px;min-height:16px}body .experience div p.year::after{content:'';position:absolute;left:-26px;top:5px;width:7px;height:7px;background-color:#dddddd;border-radius:50% 50%}body header{position:fixed;background:none;box-shadow:none;width:800px;left:0}body header .logo{margin-right:70px}body header .nav{width:auto}body header .nav>a{font-size:16px;margin-right:50px}body header .search{display:none}body header .my_cart{display:none}body header .member{display:none}body header .searchBox{display:none}.arttist_firstpage{width:100%;height:100%;color:#fff;z-index:2;display:inline-block;position:fixed;min-height:640px;top:0;left:0;-moz-transition:width, 0.5s;-webkit-transition:width, 0.5s;-o-transition:width, 0.5s;-ms-transition:width, 0.5s;transition:width, 0.5s}.arttist_firstpage .leftinfo{width:50%;height:100%;float:left;position:relative;text-align:center;-moz-transition:width, 0.5s;-webkit-transition:width, 0.5s;-o-transition:width, 0.5s;-ms-transition:width, 0.5s;transition:width, 0.5s}.arttist_firstpage .leftinfo .artistPhoto{display:block;margin:auto;position:absolute;top:25%;left:50%;margin-left:-106px;margin-top:-60px;width:212px;height:212px;box-shadow:0 0 6px 0 rgba(0,0,0,0.2);border:solid 6px #ffffff;border-radius:106px 106px;box-sizing:border-box}.arttist_firstpage .leftinfo .likesNum{margin:auto;display:block;width:100px;height:24px;border-radius:12px;background-color:#ffffff;cursor:pointer;position:absolute;top:47%;left:50%;margin-left:-50px}.arttist_firstpage .leftinfo .likesNum i{display:block;height:24px;line-height:24px;float:left;width:29px;text-align:center;font-size:14px;padding-left:2px;box-sizing:border-box;color:#999}.arttist_firstpage .leftinfo .likesNum i.active{color:#e05c46}.arttist_firstpage .leftinfo .likesNum span{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}.arttist_firstpage .leftinfo .artistNameAndLevel{margin-top:33px;font-size:20px;font-weight:500;line-height:28px;width:100%;text-align:center;position:absolute;top:50%;white-space:normal;padding:0 5px;box-sizing:border-box;left:0}.arttist_firstpage .leftinfo .artistNameAndLevel>p{display:inline-block;width:24px;height:24px;font-size:14px;position:relative}.arttist_firstpage .leftinfo .artistNameAndLevel>p img{height:24px;line-height:28px;vertical-align:top}.arttist_firstpage .leftinfo .artistNameAndLevel>p span{display:none}.arttist_firstpage .leftinfo .artistNameAndLevel>p:hover span{display:block;position:absolute;left:24px;top:-24px;color:#666;height:24px;white-space:nowrap;padding:0 10px;background-color:#fff;border:1px solid #eee;border-radius:3px;box-shadow:rgba(0,0,0,0.2) 2px 2px 2px}.arttist_firstpage .leftinfo .resume{margin-top:30px;width:100%;text-align:center;font-size:14px;white-space:normal;position:absolute;top:58%}.arttist_firstpage .leftinfo #sharejs{position:absolute;bottom:40px;width:100%;text-align:center}.arttist_firstpage .leftinfo #sharejs a{border:none;background:none;font-size:18px;color:inherit}.arttist_firstpage .leftinfo #sharejs a.icon-weibo:hover{color:#ff763b}.arttist_firstpage .leftinfo #sharejs a.icon-qzone:hover{color:#FDBE3D}.arttist_firstpage .leftinfo #sharejs a.icon-qq:hover{color:#56b6e7}.arttist_firstpage .leftinfo #sharejs a.icon-wechat:hover{color:#7bc549}.arttist_firstpage .rightinfo{width:50%;height:100%;float:left;position:relative;background-size:cover;-moz-transition:width, 0.5s;-webkit-transition:width, 0.5s;-o-transition:width, 0.5s;-ms-transition:width, 0.5s;transition:width, 0.5s;background-position:center center}.arttist_firstpage .rightinfo .linear-gradient{position:absolute;width:100%;height:100%;background-image:url("top0bottomblack.png")/*tpa=https://cdn.ywart.com/content/image/top0bottomblack.png*/;background-size:auto 100%;background-repeat:repeat-x}.arttist_firstpage .rightinfo .goRight{display:block;width:120px;height:80px;background-color:#ffffff;border-radius:40px 0 0 40px;position:absolute;top:50%;right:0;margin-top:-40px;cursor:pointer}.arttist_firstpage .rightinfo .goRight span{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:block;width:20px;height:20px;border-bottom:1px solid #000;border-right:1px solid #000;-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.arttist_firstpage .rightinfo .rightright{position:absolute;bottom:110px;right:20px}.arttist_firstpage .rightinfo .rightright .artistName{width:100%;text-align:right;font-size:48px}.arttist_firstpage .rightinfo .rightright .artistSlogan{width:100%;margin-top:10px;width:200px;text-align:right;font-size:16px;word-break:break-all;white-space:normal}.arttist_firstpage .rightinfo .barrageBox{width:350px;height:auto;position:absolute;bottom:103px;left:45px;overflow:hidden;display:none}.arttist_firstpage .rightinfo .barrageBox .barrageMessages{overflow:hidden;width:100%;max-height:224px}.arttist_firstpage .rightinfo .barrageBox .barrageMessages .mytalk{border:1px solid rgba(255,255,255,0);border-radius:4px;background-color:rgba(255,255,255,0.15)}.arttist_firstpage .rightinfo .barrageBox .barrageMessages .swiper-wrapper{display:block}.arttist_firstpage .rightinfo .barrageBox .barrageMessages p{height:32px;box-sizing:border-box;padding:5px;line-height:20px;text-align:left;width:auto;font-size:14px;font-weight:500;display:table}.arttist_firstpage .rightinfo .barrageBox .barrageMessages p:nth-last-child(2){opacity:0.9}.arttist_firstpage .rightinfo .barrageBox .barrageMessages p:nth-last-child(3){opacity:0.8}.arttist_firstpage .rightinfo .barrageBox .barrageMessages p:nth-last-child(4){opacity:0.7}.arttist_firstpage .rightinfo .barrageBox .barrageMessages p:nth-last-child(5){opacity:0.6}.arttist_firstpage .rightinfo .barrageBox .barrageMessages p:nth-last-child(6){opacity:0.5}.arttist_firstpage .rightinfo .barrageBox .barrageMessages p:nth-last-child(7){opacity:0.4}.arttist_firstpage .rightinfo .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p{opacity:1}.arttist_firstpage .rightinfo .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p.swiper-slide-prev{opacity:0.4}.arttist_firstpage .rightinfo .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p.swiper-slide-active{opacity:0.4}.arttist_firstpage .rightinfo .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p.swiper-slide-active+p{opacity:0.5}.arttist_firstpage .rightinfo .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p.swiper-slide-active+p+p{opacity:0.6}.arttist_firstpage .rightinfo .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p.swiper-slide-active+p+p+p{opacity:0.7}.arttist_firstpage .rightinfo .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p.swiper-slide-active+p+p+p+p{opacity:0.8}.arttist_firstpage .rightinfo .barrageBox .barrageMessages.swiper-container-vertical .swiper-wrapper p.swiper-slide-active+p+p+p+p+p{opacity:0.9}.arttist_firstpage .rightinfo .barrageBox .writeBox{margin-top:30px;width:100%;height:36px}.arttist_firstpage .rightinfo .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 .rightinfo .barrageBox .writeBox .writebtn i{height:30px;line-height:30px;vertical-align:top;margin-top:3px;width:100%;text-align:center;color:#CF680A;font-size:20px}.arttist_firstpage .rightinfo .barrageBox .writeBox .inputbox{width:0;height:100%;margin-left:14px;float:left;overflow:hidden;position:relative}.arttist_firstpage .rightinfo .barrageBox .writeBox .inputbox input{width:300px;height:100%;float:right;border-radius:18px;padding:0 30px 0 20px;box-sizing:border-box;border:none}.arttist_firstpage .rightinfo .barrageBox .writeBox .inputbox .sendbtn{position:absolute;right:0;width:30px;height:36px;line-height:36px;border-left:1px solid #eee;cursor:pointer}.arttist_firstpage .rightinfo .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 .rightinfo .bottomBox{width:100%;position:absolute;bottom:40px;left:0;height:20px;padding-left:45px;padding-right:20px;box-sizing:border-box}.arttist_firstpage .rightinfo .bottomBox .barrage{width:26px;height:18px;background-color:#ffffff;border-radius:9px;font-size:12px;color:#666;float:left;position:relative;text-align:center;cursor:pointer}.arttist_firstpage .rightinfo .bottomBox .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 .rightinfo .bottomBox .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 .rightinfo .bottomBox .barrage:hover{background-color:#CF680A;color:#FFF}.arttist_firstpage .rightinfo .bottomBox .barrage:hover span{background-color:#CF680A;color:#FFF}.arttist_firstpage .rightinfo .bottomBox .barrage:hover:after{border-top:4px solid #CF680A}.arttist_firstpage .rightinfo .bottomBox .artistHttp{float:right;font-size:14px}body.retract{display:block;width:auto;height:100%;min-height:640px}body.retract header{width:280px;padding-left:95px}body.retract header .logo:after{left:85px}body.retract header .nav{display:none}body.retract .arttist_firstpage{width:280px}body.retract .arttist_firstpage .leftinfo{width:280px;box-shadow:2px 0 4px 0 rgba(0,0,0,0.2)}body.retract .arttist_firstpage .rightinfo{width:0}body.retract .arttist_firstpage .rightinfo>*{display:none !important}body.retract .experience{position:relative;top:auto;left:auto;margin-left:290px;background-color:#fff;display:inline-block;vertical-align:top}body.retract .artistPage{display:inline-block}body.retract .artistPage .change_mode{display:block}.artistPage{height:100vh;width:100%;font-size:16px;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden}.artistPage .rightContainer{height:100%;position:relative;display:inline-block;vertical-align:top}.artistPage .rightContainer em{font-style:normal}.artistPage .rightContainer .artist_artWork.default{height:100%;min-height:700px;background-color:#fff}.artistPage .rightContainer .artist_artWork.default .container{padding-left:60px;padding-right:160px;height:64%;position:relative;top:50%;white-space:nowrap;-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.artistPage .rightContainer .artist_artWork.default .container li{display:inline-block;margin-left:80px;height:100%;padding:30px 30px 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;border:solid 1px #fff;overflow:hidden}.artistPage .rightContainer .artist_artWork.default .container li>a{height:67%;display:block;background:none !important}.artistPage .rightContainer .artist_artWork.default .container li>a img{height:100%;display:block}.artistPage .rightContainer .artist_artWork.default .container li .cover{font-size:0.75em;padding-top:20px;opacity:0}.artistPage .rightContainer .artist_artWork.default .container li .cover .text-wrapper{color:#666666}.artistPage .rightContainer .artist_artWork.default .container li .cover .text-wrapper .cost{font-size:1.25em;font-weight:500;margin:20px 0;color:#333}.artistPage .rightContainer .artist_artWork.default .container li .cover .text-wrapper .cost .delete{font-size:0.8em;font-weight:normal}.artistPage .rightContainer .artist_artWork.default .container li .cover .single_show{display:none !important}.artistPage .rightContainer .artist_artWork.default .container li .cover .social-share{display:none !important}.artistPage .rightContainer .artist_artWork.default .container li .cover .like_count{line-height:18px}.artistPage .rightContainer .artist_artWork.default .container li .cover .like_count img{margin:0 6px}.artistPage .rightContainer .artist_artWork.default .container li .cover .like_count span{cursor:pointer}.artistPage .rightContainer .artist_artWork.default .container li .cover .like_count span img[alt=iwant]{position:relative;top:1px;display:none}.artistPage .rightContainer .artist_artWork.default .container li .cover .like_count span img.i_want{display:inline-block}.artistPage .rightContainer .artist_artWork.default .container li .cover .like_count span:hover,.artistPage .rightContainer .artist_artWork.default .container li .cover .like_count span.active{color:#000}.artistPage .rightContainer .artist_artWork.default .container li .cover .like_count span:hover .i_want,.artistPage .rightContainer .artist_artWork.default .container li .cover .like_count span.active .i_want{display:none}.artistPage .rightContainer .artist_artWork.default .container li .cover .like_count span:hover .i_want_default,.artistPage .rightContainer .artist_artWork.default .container li .cover .like_count span.active .i_want_default{display:inline-block}.artistPage .rightContainer .artist_artWork.default .container li:hover{border:solid 1px #dddddd}.artistPage .rightContainer .artist_artWork.default .container li:hover .cover{opacity:1}.artistPage .rightContainer .artist_artWork.default #show_price{display:none}.artistPage .rightContainer .artist_artWork.default #go_left{display:none}.artistPage .rightContainer .artist_artWork.default .paging{display:none}.artistPage .rightContainer .artist_artWork.active{height:100%;min-height:700px;background-color:#fff;width:calc(100vw - 280px)}.artistPage .rightContainer .artist_artWork.active .container{height:400px;position:relative;top:45%;margin-top:-200px}.artistPage .rightContainer .artist_artWork.active .container li{height:400px;text-align:center}.artistPage .rightContainer .artist_artWork.active .container li>a{display:inline-block;position:relative;width:400px;height:400px;overflow:hidden;text-align:left;vertical-align:top;background-size:contain;background-position:center center;background-repeat:no-repeat}.artistPage .rightContainer .artist_artWork.active .container li>a img{display:none}.artistPage .rightContainer .artist_artWork.active .container li .cover{vertical-align:top;padding:7vh 52px 0 136px;display:inline-block;font-size:0.75em;text-align:left}.artistPage .rightContainer .artist_artWork.active .container li .cover .text-wrapper{color:#666666}.artistPage .rightContainer .artist_artWork.active .container li .cover .text-wrapper h3{font-size:18px;font-weight:500;color:#262626;margin-bottom:25px}.artistPage .rightContainer .artist_artWork.active .container li .cover .text-wrapper p{display:none}.artistPage .rightContainer .artist_artWork.active .container li .cover .text-wrapper>.single_show{display:block}.artistPage .rightContainer .artist_artWork.active .container li .cover .text-wrapper .cost{display:block;font-size:1.25em;font-weight:500;margin:50px 0;color:#333;opacity:0}.artistPage .rightContainer .artist_artWork.active .container li .cover .text-wrapper .cost .delete{font-size:0.8em;font-weight:normal}.artistPage .rightContainer .artist_artWork.active .container li .cover .text-wrapper .cost.active{opacity:1}.artistPage .rightContainer .artist_artWork.active .container li .cover .like_count{line-height:18px}.artistPage .rightContainer .artist_artWork.active .container li .cover .like_count img{margin:0 6px}.artistPage .rightContainer .artist_artWork.active .container li .cover .like_count span{cursor:pointer}.artistPage .rightContainer .artist_artWork.active .container li .cover .like_count span img[alt=iwant]{position:relative;top:1px;display:none}.artistPage .rightContainer .artist_artWork.active .container li .cover .like_count span img.i_want{display:inline-block}.artistPage .rightContainer .artist_artWork.active .container li .cover .like_count span:hover,.artistPage .rightContainer .artist_artWork.active .container li .cover .like_count span.active{color:#000}.artistPage .rightContainer .artist_artWork.active .container li .cover .like_count span:hover .i_want,.artistPage .rightContainer .artist_artWork.active .container li .cover .like_count span.active .i_want{display:none}.artistPage .rightContainer .artist_artWork.active .container li .cover .like_count span:hover .i_want_default,.artistPage .rightContainer .artist_artWork.active .container li .cover .like_count span.active .i_want_default{display:inline-block}.artistPage .rightContainer .artist_artWork.active .container li .cover span.social-share{display:inline-block;margin-top:15%}.artistPage .rightContainer .artist_artWork.active .container li .cover span.social-share a{margin-right:20px;width:16px;height:16px;font-size:14px;line-height:18px;border:none;color:#999}.artistPage .rightContainer .artist_artWork.active .container li .cover span.social-share a.icon-qq:hover{color:#56b6e7;background:none}.artistPage .rightContainer .artist_artWork.active .container li .cover span.social-share a.icon-qzone:hover{color:#FDBE3D;background:none}.artistPage .rightContainer .artist_artWork.active .container li .cover span.social-share a.icon-weibo:hover{color:#ff763b;background:none}.artistPage .rightContainer .artist_artWork.active .container li .cover span.social-share a.icon-wechat:hover{color:#7bc549;background:none}.artistPage .rightContainer .artist_artWork.active .container li .cover span.social-share .help p{font-size:12px}.artistPage .rightContainer .artist_artWork.active #go_left{position:absolute;left:50%;bottom:10%;width:48px;height:48px;margin-left:-215px;margin-bottom:30px;cursor:pointer;background-color:#fff;display:inline-block;box-shadow:0 0 6px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 6px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.1);border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-align:center}.artistPage .rightContainer .artist_artWork.active #go_left img{width:20px;position:relative;top:15px}.artistPage .rightContainer .artist_artWork.active #show_price{position:fixed;right:160px;top:20px;width:64px;height:24px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;border:solid 1px #dddddd;text-align:center;line-height:22px;font-size:12px;font-weight:500;color:#666666;cursor:pointer;background-color:#fff;box-sizing:border-box}.artistPage .rightContainer .artist_artWork.active #show_price:hover{background-color:#eeeeee}.artistPage .rightContainer .artist_artWork.active div.paging{position:absolute;bottom:10%;left:50%;z-index:999;text-align:center;width:350px;line-height:48px;margin-left:-135px;margin-bottom:30px}.artistPage .rightContainer .artist_artWork.active div.paging a{display:inline-block;width:48px;height:48px;background-color:#fff;box-shadow:0 0 6px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 6px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.1);border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-align:center;margin:0 20px;font-size:24px}.artistPage .rightContainer .artist_artWork.active div.paging a:hover{background-color:#f8f8f8}.artistPage .rightContainer .artist_artWork.active div.paging span{margin:0 10px;display:inline-block;cursor:pointer}.artistPage .rightContainer .artist_artWork.active div.paging span.current{color:#CF680A}.artistPage .rightContainer .artist_artWork.active div.paging b{padding:0 8px}.artistPage .rightContainer.addwidth{min-width:100%}.artistPage .rightContainer.addwidth .artist_artWork{min-width:100%}.artistPage .srcoll_left{display:none;position:fixed;bottom:43px;right:30px;z-index:999;text-decoration:none;width:36px;height:36px;cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.5);-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);text-align:center}.artistPage .srcoll_left:active{background-color:#ccc;-moz-transition:"background", 1s;-webkit-transition:"background", 1s;-o-transition:"background", 1s;-ms-transition:"background", 1s;transition:"background", 1s}.artistPage .srcoll_left i{position:relative;left:-1px;top:1px;color:#555;font-size:32px}.artistPage .change_mode{position:fixed;top:20px;right:20px;width:100px;height:24px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;background-color:#eee;z-index:99;display:none}.artistPage .change_mode span{cursor:pointer;display:inline-block;font-size:12px;color:#666;line-height:20px;text-align:center;width:49px;height:20px;margin:2px;vertical-align:top}.artistPage .change_mode span:nth-child(2){margin:2px 2px 2px -4px}.artistPage .change_mode span.active{border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;background-color:#fff}@keyframes page{0%{-moz-transform:rotatey(0deg);-o-transform:rotatey(0deg);-ms-transform:rotatey(0deg);-webkit-transform:rotatey(0deg);transform:rotatey(0deg)}100%{-moz-transform:rotatey(-90deg);-o-transform:rotatey(-90deg);-ms-transform:rotatey(-90deg);-webkit-transform:rotatey(-90deg);transform:rotatey(-90deg)}}@keyframes page1{0%{-moz-transform:rotatey(-90deg);-o-transform:rotatey(-90deg);-ms-transform:rotatey(-90deg);-webkit-transform:rotatey(-90deg);transform:rotatey(-90deg)}100%{-moz-transform:rotatey(0deg);-o-transform:rotatey(0deg);-ms-transform:rotatey(0deg);-webkit-transform:rotatey(0deg);transform:rotatey(0deg)}}