body{background:#f7f8fa;color:#333}
.appointment{margin-top:70px}
.appointment .w{width:1000px;margin:0 auto}
.appointment .make-content{background-repeat:repeat-y;background-position:center top;width:100%}
.appointment .make-hd{width:100%;background-repeat:no-repeat;background-position:center top}
.appointment .make-fd{width:100%;background-repeat:no-repeat;background-position:center bottom;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(134,190,226,.4);box-shadow:0 0 10px rgba(134,190,226,.4);border:1px solid #f1f3f6\9;position:relative;border-radius:10px;padding:480px 60px 60px;-webkit-box-sizing:border-box;box-sizing:border-box}
.appointment .make-img-video{position:absolute;left:50%;margin-left:-440px;top:-40px;width:880px;height:495px;border-radius:10px;overflow:hidden;background:url(../images/loading.gif) no-repeat center center}
.appointment .make-img-video .img{display:block;width:100%;min-width:100%;position:absolute;left:0;top:0}
.appointment .make-img-video .video-js{background:url(../images/loading.gif) no-repeat center center}
.appointment .make-img-video .vjs-default-skin .vjs-big-play-button{width:80px;height:80px;position:absolute;left:50%;top:50%;margin:-40px 0 0 -40px;background:url(../images/appointment/play.png) no-repeat 0 -80px;border:none;border-radius:0;outline:0;-webkit-transition:none;transition:none;-webkit-box-shadow:none;box-shadow:none}
.appointment .make-img-video .vjs-default-skin .vjs-big-play-button:before{width:0;height:0;font-size:0}
.appointment .make-img-video .vjs-default-skin .vjs-big-play-button:focus,.appointment .make-img-video .vjs-default-skin:hover .vjs-big-play-button{background:url(../images/appointment/play.png) no-repeat 0 0}
.appointment .make-desc{position:relative}
.appointment .make-desc .name{font-size:22px;height:24px;line-height:24px;overflow:hidden;margin-bottom:18px}
.appointment .make-desc .li{font-size:16px;margin-top:12px;color:#666}
.appointment .make-desc .li em{color:#9894a5}
.appointment .make-desc .li p{display:inline-block;vertical-align:top;width:92%}
.appointment .make-desc .li a{margin:0 5px}
.appointment .make-desc .li .types{color:#ccc}
.appointment .make-desc .li .types em{color:#666}
.appointment .make-desc .li .types a{color:#666}
.appointment .make-desc .li .types a:hover{color:#28c8dc}
.appointment .make-desc .reserved{position:absolute;top:0;right:0;width:200px;color:#28c8dc;text-align:center}
.appointment .make-desc .reserved a{border-radius:26px 26px 26px 13px;background-repeat:no-repeat;background-position:center center;background-color:#28c8dc;color:#fff;font-size:20px;width:100%;height:53px;display:block;line-height:53px;margin:0 auto 5px}
.appointment .make-desc .reserved a:hover{background-color:#1db8cb}
.appointment .make-desc .reserved a.on{background-color:#f7f8fa;color:#9894a5;cursor:pointer}
.appointment .make-desc .reserved a.finish{background-color:#f7f8fa;color:#747880;cursor:pointer}
.appointment .a-title{width:100%;height:64px;line-height:64px;text-align:center;font-size:28px;font-weight:700;background-repeat:no-repeat;background-position:center center;background-image:url(../images/appointment/title.png);margin-bottom:30px}
.appointment .introduction{font-size:16px;line-height:30px;text-align:center;word-break:break-word}
.appointment .introduction img{display:block;width:100%;min-height:100%;margin:10px auto;border-radius:10px}
.appointment .make-author,.appointment .make-introduction,.appointment .make-role-list,.appointment .make-welfare,.appointment .make-work-feature{margin-top:70px}
.appointment .make-work-list{margin-top:70px}
.appointment .make-work-list .work-list{position:relative}
.appointment .make-work-list .ul{width:100%;overflow:hidden}
.appointment .make-work-list .next,.appointment .make-work-list .prev{position:absolute;width:42px;height:44px;background:#000;opacity:.6;filter:alpha(opacity=60);top:50%;margin-top:-22px;z-index:2;cursor:pointer;display:none}
.appointment .make-work-list .prev{left:0;border-radius:0 22px 22px 0}
.appointment .make-work-list .prev i{background:url(../images/appointment/prev.png) no-repeat center center;display:block;width:100%;height:100%}
.appointment .make-work-list .next{right:0;border-radius:22px 0 0 22px}
.appointment .make-work-list .next i{background:url(../images/appointment/next.png) no-repeat center center;display:block;width:100%;height:100%}
.appointment .make-work-list .next:hover,.appointment .make-work-list .prev:hover{opacity:.7;filter:alpha(opacity=70)}
.appointment .make-work-list ul{white-space:nowrap;position:relative;font-size:0;line-height:0}
.appointment .make-work-list li{display:inline-block;margin-right:15px;cursor:pointer;font-size:14px}
.appointment .make-work-list li .pic{width:100%;height:100%;border-radius:10px;overflow:hidden}
.appointment .make-work-list li img{display:block;width:100%;min-height:100%}
.appointment .make-work-list .horizontal li{width:238px;height:134px}
.appointment .make-work-list .vertical li{width:164px;height:290px}
.appointment .make-role-list li{letter-spacing:-3px;height:395px;position:relative;margin-top:40px;padding:0 0 0 40px}
.appointment .make-role-list li .libg{content:'';position:absolute;left:0;bottom:0;width:100%;height:252px;background-color:#f7f8fa;border-radius:10px}
.appointment .make-role-list .voice{position:absolute;top:10px;right:10px;background:url(../images/music.png) no-repeat 0 center;width:23px;height:23px;cursor:pointer;z-index:3}
.appointment .make-role-list .voice.on{background-image:url(../images/musich.png);text-align:center}
.appointment .make-role-list .voice.on i{width:100%;height:100%;display:block;background:url(../images/music.gif) no-repeat}
.appointment .make-role-list .img-box,.appointment .make-role-list .info{display:inline-block;letter-spacing:0;vertical-align:top}
.appointment .make-role-list .img-box{width:240px;position:relative;z-index:2}
.appointment .make-role-list .img-box img{width:100%;display:block;min-height:100%;border-radius:10px}
.appointment .make-role-list .img-box .pic{width:100%;height:336px;position:relative;z-index:2;border-radius:10px;overflow:hidden}
.appointment .make-role-list .img-box .bg{position:absolute;left:8px;bottom:-13px;opacity:.2;filter:alpha(opacity=20);width:220px;height:308px;-webkit-transform:rotate(12deg);transform:rotate(12deg);border-radius:10px;overflow:hidden}
.appointment .make-role-list .info{margin-left:60px;width:526px;color:#666;position:relative;z-index:2}
.appointment .make-role-list .info p{line-height:24px;margin-top:11px}
.appointment .make-role-list .info p.p{color:#333;margin-top:16px}
.appointment .make-role-list .info p.p i{display:inline-block;width:56px;height:24px;line-height:24px;vertical-align:top;text-align:center;background-color:#e3e7ee;color:#9894a5;border-radius:12px;margin-right:10px}
.appointment .make-role-list .info p.p2{margin-top:30px}
.appointment .make-role-list .info p em{display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:left 7px;background-image:url(../images/appointment/li.png);color:#9894a5;padding-left:20px}
.appointment .make-role-list .info p span{display:inline-block;vertical-align:top;width:88%}
.appointment .make-role-list .info .name{font-size:16px;font-weight:700;margin-bottom:25px}
.appointment .make-role-list .info .name b{font-size:22px}
.appointment .make-welfare .introduction{width:100%;padding-top:180px;background-repeat:no-repeat;background-position:center top;background-image:url(../images/appointment/welfare-bg.png);text-align:center}
.appointment .make-comment{background:#fff;-webkit-box-shadow:0 0 10px rgba(134,190,226,.4);box-shadow:0 0 10px rgba(134,190,226,.4);border:1px solid #f1f3f6\9;position:relative;border-radius:10px;padding:20px 40px;margin-top:20px}
.footer{margin-top:70px}
.role-big-img{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../images/index/shade_4.png) repeat;z-index:99;vertical-align:middle;text-align:center;display:none}
.role-big-img .c{display:block;position:absolute;top:50%;left:50%;background:url(../images/loading.gif) no-repeat center center}
.role-big-img .c img{display:block;width:100%;min-height:100%}
.role-big-img .c.horizontal{width:960px;height:540px;margin:-270px 0 0 -480px}
.role-big-img .c.vertical{width:540px;height:960px;margin:-480px 0 0 -270px}
.role-big-img .c .close{width:60px;height:60px;color:#fff;position:absolute;top:-60px;right:-20px;z-index:2;cursor:pointer;background:url(../images/index/banclose.png) no-repeat}
.role-big-img .c .close:hover{background-position:0 -60px}
.role-big-img .c .next,.role-big-img .c .prev{position:absolute;width:44px;height:44px;top:50%;margin-top:-22px;cursor:pointer;background:#000;opacity:.4;filter:alpha(opacity=40);border-radius:100%}
.role-big-img .c .prev{left:-70px}
.role-big-img .c .prev i{background:url(../images/appointment/prev.png) no-repeat center center;display:block;width:100%;height:100%}
.role-big-img .c .next{right:-70px}
.role-big-img .c .next i{background:url(../images/appointment/next.png) no-repeat center center;display:block;width:100%;height:100%}
.role-big-img .c .next:hover,.role-big-img .c .prev:hover{opacity:.7;filter:alpha(opacity=70)}
.demo1 .appointment .a-title{line-height:normal}
.demo2{color:#ddd}
.demo2 a{color:#ddd}
.demo2 .appointment .make-desc .li .types a:hover{color:#28c8dc}
.demo2 .appointment .make-desc .li em{color:#999}
.demo2 .appointment .make-desc .reserved{color:#ffbf4e}
.demo2 .appointment .make-desc .reserved a{background-image:url(../images/appointment/demo2/btn.png);color:#7f5019;background-color:transparent;font-weight:700;border-radius:0;background-position:0 0}
.demo2 .appointment .make-desc .reserved a.on{background-position:0 -53px;background-color:transparent;color:#4d4e5e}
.demo2 .appointment .make-hd{background-image:url(../images/appointment/demo2/make-hd.png)}
.demo2 .appointment .make-fd{background-image:url(../images/appointment/demo2/make-fd.png);border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;background-color:transparent}
.demo2 .appointment .make-content{background-image:url(../images/appointment/demo2/make-content.png)}
.demo2 .appointment .a-title{background-image:url(../images/appointment/demo2/title.png);color:#fff;line-height:60px}
.demo2 .appointment .make-desc .name{color:#fff}
.demo2 .appointment .make-desc .li,.demo2 .appointment .make-desc .li .types a,.demo2 .appointment .make-role-list .info{color:#ddd}
.demo2 .appointment .make-role-list .info p{color:#ddd}
.demo2 .appointment .make-role-list .info p.p i{background-color:#2c2c48;color:#ddd}
.demo2 .appointment .make-role-list .info .name,.demo2 .appointment .make-role-list .info p.p{color:#fff}
.demo2 .appointment .make-role-list li .libg{background-color:#292b42}
.demo2 .appointment .make-role-list .info p em{background-image:url(../images/appointment/demo2/li.png);color:#999}
.demo2 .appointment .make-welfare .introduction{background-image:url(../images/appointment/demo2/welfare-bg.png)}
.demo3{color:#a87d83}
.demo3 a{color:#a87d83}
.demo3 .appointment .make-desc .li .types a:hover{color:#28c8dc}
.demo3 .appointment .make-desc .li em{color:#cca09a}
.demo3 .appointment .make-desc .reserved{color:#d69495}
.demo3 .appointment .make-desc .reserved a{background-image:url(../images/appointment/demo3/btn.png);color:#fff;background-color:transparent;font-weight:700;border-radius:0;background-position:0 1px}
.demo3 .appointment .make-desc .reserved a.on{background-position:0 -53px;background-color:transparent;color:#939192}
.demo3 .appointment .make-hd{background-image:url(../images/appointment/demo3/make-hd.png)}
.demo3 .appointment .make-fd{background-image:url(../images/appointment/demo3/make-fd.png);border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;background-color:transparent}
.demo3 .appointment .make-content{background-image:url(../images/appointment/demo3/make-content.png)}
.demo3 .appointment .a-title{background-image:url(../images/appointment/demo3/title.png);color:#fff;line-height:67px}
.demo3 .appointment .make-desc .name{color:#5f2e2e}
.demo3 .appointment .make-desc .li,.demo3 .appointment .make-desc .li .types a,.demo3 .appointment .make-role-list .info{color:#a87d83}
.demo3 .appointment .make-role-list .info p{color:#a87d83}
.demo3 .appointment .make-role-list .info p.p i{background-color:#e1b9c1;color:#fff}
.demo3 .appointment .make-role-list .info p.p{color:#a87d83}
.demo3 .appointment .make-role-list .info .name{color:#5f2e2e}
.demo3 .appointment .make-role-list li .libg{background-color:#f3e6e8}
.demo3 .appointment .make-role-list .info p em{background-image:url(../images/appointment/demo3/li.png);color:#cca09a}
.demo3 .appointment .make-welfare .introduction{background-image:url(../images/appointment/demo3/welfare-bg.png)}
.demo4{color:#7f6156}
.demo4 a{color:#7f6156}
.demo4 .appointment .make-desc .li .types a:hover{color:#28c8dc}
.demo4 .appointment .make-desc .li em{color:#da9d5b}
.demo4 .appointment .make-desc .reserved{color:#d69495}
.demo4 .appointment .make-desc .reserved a{background-image:url(../images/appointment/demo4/btn.png);color:#fff;background-color:transparent;font-weight:700;border-radius:0;background-position:0 2px}
.demo4 .appointment .make-desc .reserved a.on{background-position:0 -53px;background-color:transparent;color:#fff}
.demo4 .appointment .make-hd{background-image:url(../images/appointment/demo4/make-hd.png)}
.demo4 .appointment .make-fd{background-image:url(../images/appointment/demo4/make-fd.png);border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;background-color:transparent}
.demo4 .appointment .make-content{background-image:url(../images/appointment/demo4/make-content.png)}
.demo4 .appointment .a-title{background-image:url(../images/appointment/demo4/title.png);color:#da9d5b;line-height:60px}
.demo4 .appointment .make-desc .name{color:#e68a39}
.demo4 .appointment .make-desc .li,.demo4 .appointment .make-desc .li .types a,.demo4 .appointment .make-role-list .info{color:#7f6156}
.demo4 .appointment .make-role-list .info p{color:#7f6156}
.demo4 .appointment .make-role-list .info p.p i{background-color:#edc292;color:#fff}
.demo4 .appointment .make-role-list .info p.p{color:#7f6156}
.demo4 .appointment .make-role-list .info .name{color:#e68a39}
.demo4 .appointment .make-role-list li .libg{background-color:#f8ebe3}
.demo4 .appointment .make-role-list .info p em{background-image:url(../images/appointment/demo4/li.png);color:#da9d5b}
.demo4 .appointment .make-welfare .introduction{background-image:url(../images/appointment/demo4/welfare-bg.png)}
.demo5{color:#f6eddc}
.demo5 a{color:#f6eddc}
.demo5 .appointment .make-desc .li .types a:hover{color:#28c8dc}
.demo5 .appointment .make-desc .li em{color:#e7c28e}
.demo5 .appointment .make-desc .reserved{color:#e7c28e}
.demo5 .appointment .make-desc .reserved a{background-image:url(../images/appointment/demo5/btn.png);color:#b87e1f;background-color:transparent;font-weight:700;border-radius:0;background-position:0 1px}
.demo5 .appointment .make-desc .reserved a.on{background-position:0 -53px;background-color:transparent;color:#969ea2}
.demo5 .appointment .make-hd{background-image:url(../images/appointment/demo5/make-hd.png)}
.demo5 .appointment .make-fd{background-image:url(../images/appointment/demo5/make-fd.png);border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;background-color:transparent}
.demo5 .appointment .make-content{background-image:url(../images/appointment/demo5/make-content.png)}
.demo5 .appointment .a-title{background-image:url(../images/appointment/demo5/title.png);color:#fff}
.demo5 .appointment .make-desc .name{color:#fffefe}
.demo5 .appointment .make-desc .li,.demo5 .appointment .make-desc .li .types a,.demo5 .appointment .make-role-list .info{color:#f6eddc}
.demo5 .appointment .make-role-list .info p{color:#f6eddc}
.demo5 .appointment .make-role-list .info p.p i{background-color:#9b7364;color:#f6eddc}
.demo5 .appointment .make-role-list .info p.p{color:#f6eddc}
.demo5 .appointment .make-role-list .info .name{color:#f6eddc}
.demo5 .appointment .make-role-list li .libg{background-color:#9b7364}
.demo5 .appointment .make-role-list .info p em{background-image:url(../images/appointment/demo5/li.png);color:#e7c28e}
.demo5 .appointment .make-welfare .introduction{background-image:url(../images/appointment/demo5/welfare-bg.png)}
.demo6{color:#a5541a}
.demo6 a{color:#a5541a}
.demo6 .appointment .make-desc .li .types a:hover{color:#28c8dc}
.demo6 .appointment .make-desc .li em{color:#b78716}
.demo6 .appointment .make-desc .reserved{color:#b78716}
.demo6 .appointment .make-desc .reserved a{background-image:url(../images/appointment/demo6/btn.png);color:#7e4f1a;background-color:transparent;font-weight:700;border-radius:0;background-position:0 1px}
.demo6 .appointment .make-desc .reserved a.on{background-position:0 -53px;background-color:transparent;color:#64748e}
.demo6 .appointment .make-hd{background-image:url(../images/appointment/demo6/make-hd.png)}
.demo6 .appointment .make-fd{background-image:url(../images/appointment/demo6/make-fd.png);border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;background-color:transparent}
.demo6 .appointment .make-content{background-image:url(../images/appointment/demo6/make-content.png)}
.demo6 .appointment .a-title{background-image:url(../images/appointment/demo6/title.png);color:#97490e}
.demo6 .appointment .make-desc .name{color:#542c0e}
.demo6 .appointment .make-desc .li,.demo6 .appointment .make-desc .li .types a,.demo6 .appointment .make-role-list .info{color:#a5541a}
.demo6 .appointment .make-role-list .info p{color:#a5541a}
.demo6 .appointment .make-role-list .info p.p i{background-color:#fae398;color:#b78716}
.demo6 .appointment .make-role-list .info p.p{color:#a5541a}
.demo6 .appointment .make-role-list .info .name{color:#a5541a}
.demo6 .appointment .make-role-list li .libg{background-color:#f5e8d7}
.demo6 .appointment .make-role-list .info p em{background-image:url(../images/appointment/demo6/li.png);color:#b78716}
.demo6 .appointment .make-welfare .introduction{background-image:url(../images/appointment/demo6/welfare-bg.png)}
.make-fixed{position:fixed;left:50%;margin-left:560px;bottom:200px;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(134,190,226,.4);box-shadow:0 0 10px rgba(134,190,226,.4);border:1px solid #f1f3f6\9;border-radius:10px;width:50px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 10px}
.make-fixed a{padding:7px 0;color:#9894a5;line-height:20px;display:block;text-align:center}
.make-fixed .appointment-btn{border-bottom:solid 1px #e3e7ee}
.make-fixed .appointment-btn.finish:hover{color:#747880}
.make-fixed .appointment-on{border-bottom:solid 1px #e3e7ee}
.make-fixed .iconfont{display:block;text-align:center}
.make-fixed a:hover{color:#28c8dc}
.base-popbox .input-list .verify-a .i{display:inline-block;*display:inline;*zoom:1;width:16px;height:16px;background:url(../images/appointment/refresh.png) no-repeat 0 0;vertical-align:middle;margin-right:6px}
.base-popbox .input-list .verify-a:hover .i{background-position:0 -56px}
#yuyue_pop_new{width:400px}
#yuyue_pop_new .p1{color:#333;font-size:16px;line-height:26px;margin-bottom:10px}
#yuyue_pop_new .p2{color:#9894a5;font-size:14px;line-height:26px;margin:5px 0}
#yuyue_successmsg_pop_new{width:400px}
#yuyue_successmsg_pop_new .p1{color:#333;font-size:16px;line-height:26px;padding:10px 0}
.pop{background:#fff;border-radius:6px;width:676px;position:fixed;left:50%;top:50%;margin:-148px 0 0 -250px;z-index:1000;padding-bottom:20px;display:none}
.pop .close{width:30px;height:30px;background:url(../images/pop_close.png) no-repeat;position:absolute;top:8px;right:8px}
.pop-con{padding:30px 40px 0}
.pop-con span{color:#333}
.pop .pop-btn{text-align:center;padding:20px 0}
.pop .bbtn{background:#7bcdd2;-moz-box-shadow:0 3px 5px #d8f2f3;-webkit-box-shadow:0 3px 5px #d8f2f3;box-shadow:0 3px 5px #d8f2f3}
.pop .bbtn:hover{background:#84dce0}
.pop .bbtn{display:inline-block;color:#fff;width:140px;height:40px;line-height:40px;text-align:center;font-size:18px;text-decoration:none;padding:0;margin:0 12px;border-radius:3px}
.pop .bbtn:hover{text-decoration:none;color:#fff}
.pop .mb10{margin-bottom:10px!important}
.yuyue-pop{margin-left:-257px;width:514px!important}
.yuyue-pop .pop-btn a{border-radius:20px}
.yuyue-box{padding-top:10px}
.yuyue-box p{font-size:18px;color:#666;position:relative}
.yuyue-box p.yuyue-p1{padding-bottom:30px}
.yuyue-box p.yuyue-line:after{content:"";width:0;font-size:0;height:16px;border-left:1px dashed #c4c4c4;position:absolute;left:17px;bottom:7px}
.yuyue-box p i{display:inline-block;width:40px;height:34px;vertical-align:middle;margin-right:8px}
.yuyue-box p i.yuyue-success-icon{background:url(../../images/yuyue_success_icon.png) no-repeat}
.yuyue-box p i.yuyue-message-icon{background:url(../../images/yuyue_message_icon.png) no-repeat center}
.yuyue-box p i.yuyue-fail-icon{background:url(../../images/yuyue_fail_icon.png) no-repeat}
.yuyue-box .phone-input{height:64px;margin-top:8px}
.phone-input input{margin-left:46px;display:block;width:262px;padding:0 10px;height:38px;line-height:38px;border:1px solid #d8e1e3;border-radius:4px}
.phone-input span.tishi{font-size:14px;color:#fa5540;margin-left:50px}
.yuyue-box .yuyue-p3{padding:20px 20px 0;color:#999;font-size:14px}
.imgcode-box{height:64px;margin-left:46px}
.imgcode-box input{height:38px;border:1px solid #d8e1e3;border-radius:4px;width:120px;float:left;padding:0 10px}
.imgcode-box img{height:38px;float:left;margin:1px 10px;border-radius:4px}
.imgcode-box a{color:#333;text-decoration:none;float:left;margin-top:10px;font-size:14px}
.imgcode-box a:hover{color:#47c0c0;text-decoration:none}
.imgcode-box .tishi{font-size:14px;color:#fa5540;float:left;width:100%}