body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em{margin:0; padding:0; border:0;}
ul, ol, li{list-style:none;}
input, button{margin:0; font-size:12px; vertical-align:middle;}
body,select{font:14px/1.5 "Microsoft Yahei",SimHei,helvetica, arial,  sans-serif; margin:0; color:#3f3f3f;}
table{border-collapse:collapse; border-spacing:0; width: 100%; border:0;}
a{text-decoration:none; outline:none; color:#3f3f3f; -webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out;cursor: pointer;}
img,body{-webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out;}
a:hover{text-decoration:none; -webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out;}
.cl{height:0; font-size:1px; clear:both; line-height:0;}
.none{display:none}
*:focus{outline:none}
i,em,ins,u{font-style:normal; text-decoration:none}	
nav,footer,section,header,article{display:block;}
.wrap{width:1200px; margin:0 auto;min-width: 1200px;}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.oh{ overflow:hidden;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.bgfff{ background:#fff}
input[type="submit"],
input[type="reset"],
input[type="button"],
button{-webkit-appearance:none;}

::-webkit-scrollbar{width:10px;height:10px; }
::-webkit-scrollbar-track{background:#f1f1f1; }
::-webkit-scrollbar-track:hover{background:#eee; }
::-webkit-scrollbar-thumb{border-radius:10px;background:#b9b9b9; }
::-webkit-scrollbar-thumb:hover{background:#747474; }
::-webkit-scrollbar-thumb:active{background:#555; }

input[type="text"],
input[type="password"],
textarea,select{ border:#e1e1e1 solid 1px; font-size:14px; margin: 0; padding: 0;webkit-transition:all 300ms ease-out; -mozilla-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out;}
input:focus,textarea:focus,select:focus{outline:none; border:1px solid #1abd9b; box-shadow: 0 0 4px rgba(103, 166, 217, 0.6);}

/*******公共样式结束*********/
.header{width:100%;background: #fff;min-width: 1200px;}
.header .logo{width: 77px; height: 78px; overflow:hidden;background: #fff;}
.header .logo a{ display: block;padding-top: 16px;}
.header .logo img{ display: block; margin: 0 auto;}
.header .navitem{margin-left: 65px;}
.header .navitem a{display: inline-block;height: 78px; line-height: 78px;font-size: 15px;margin: 0 25px;padding: 0 5px;}
.header .navitem a.active{border-bottom: 2px solid #1abd9b;color: #1abd9b;}
.header .navitem a:hover{color: #1abd9b;}
.header .toplogin a{display: inline-block; line-height: 78px;font-size: 15px;color: #3f3f3f;}
.header .toplogin a.username{/*color: #1abd9b;*/margin: 0 20px;}
.header .toplogin a.userlogin{color: #1abd9b;line-height: 28px;text-align: center;margin-top: 25px;padding: 0 20px;}

.subcase .subnav{border-top: 1px solid #e7e7e7;}
.subcase .subnav .subcont{border-bottom: 1px solid #e7e7e7;}
/*.header .subnav .subcont a{float: left;width: 57px;line-height: 28px;text-align: center;margin: 15px 5px;border-radius: 3px;}*/
.subcase .subnav .subcont a{float: left;padding: 0 8px;line-height: 28px;text-align: center;margin: 15px 6px;border-radius: 3px;}
.subcase .subnav .subcont a.active{background: #1abd9b;color: #fff;}
.subcase .thrnav .thrcont a{float: left;width: 57px;line-height: 28px;text-align: center;margin: 15px 5px;}
.subcase .thrnav .thrcont a.active{color: #1abd9b;}


.mainbody{padding-top: 60px;}
.mainmenu {width: 245px;height: 100%; line-height: 56px;font-size: 16px;text-align: center;background: #e7e7e7;top: 0;left: 0;}
.mainmenu ul{width: 245px;position: fixed;}
.mainmenu ul li{border-left:10px solid #e7e7e7;}
.mainmenu ul li.active{background: #e3e3e3;border-left:10px solid #1abd9b;}
.mainmenu ul li a{display: block; line-height: 70px;padding:0 90px 0 40px;font-size: 16px;text-align: center;overflow: hidden;}
.mainmenu ul li a em{float: left; height: 20px;width: 20px;margin-top: 25px;}
.mainmenu ul li.menuitem1 a em{background: url(../images/sicon1.png) center no-repeat;}
.mainmenu ul li.menuitem2 a em{background: url(../images/sicon2.png) center no-repeat;}
.mainmenu ul li.menuitem3 a em{background: url(../images/sicon3.png) center no-repeat;}
.mainmenu ul li.menuitem4 a em{background: url(../images/sicon4.png) center no-repeat;}
.mainmenu ul li a span{float: right;}
.maincont{width: 933px;padding-left: 267px;margin-bottom: 30px;}
.maincont .conttitle{padding: 15px 25px 10px;border-bottom: 1px solid #eee;background: #fff;}
.maincont .conttitle h1{font-weight: normal;font-size: 20px;}
.contdetail{padding:0 0 50px 25px;background: #fff;}
.graybg{display: none; position: fixed;top:80px; width: 100%;height:100%;z-index: 100;background:#000; opacity: 0.5}
.worktab a{display: inline-block;width: 78px;line-height: 32px;margin: 15px 6px; border:1px solid #999;border-radius: 3px;text-align: center;}
.worktab a.active{color: #1abd9b;border-color: #1abd9b;}
/****后台通用布局结束****/

/*邀约首页*/
.index{min-width: 1200px;}
.index .indextop{width: 100%;overflow: hidden; height: 670px;}
.index .indextop .toptitle{width:1920px;left: 50%;margin-left: -960px;color: #fff;text-align: center;-webkit-animation: titledown 1s ease-in forwards;-o-animation: titledown 1s ease-in forwards;animation: titledown 1s ease-in forwards;opacity: 0;}
.index .indextop .toptitle h1{font-size: 40px;}
.index .indextop .toptitle p{font-size: 20px;height: 60px;line-height: 60px;}
.index .indextop .toptitle a{display: block;width: 160px;height: 40px;line-height: 40px;border:2px solid #fff;border-radius: 22px;margin: 10px auto; font-size: 18px;color: #fff;}
.index .indextop .topbanner{width:1920px;left: 50%;margin-left: -960px; position: absolute;}

.index .indexprt1{text-align: center;}
.index .indexprt1 h1{font-size: 25px;color: #666;font-weight: normal;margin: 80px 0 60px;}
.index .indexprt1 ul{overflow: hidden;width: 1000px;margin: 0 auto 100px;}
.index .indexprt1 li{float: left;color: #777;width: 200px;opacity: 0;}
.index .indexprt1 li h2{font-size: 17px;}
.index .indexprt2{width: 100%; height: 540px; background: url(../images/partbg1.jpg) no-repeat center;background-size: 100% 100%;text-align: center;}
.index .indexprt2 h1{font-size: 25px;color: #fff;font-weight: normal;padding-top: 60px;}
.index .indexprt2 .videowrap{width: 560px;height: 315px;top: 150px;left:50%;margin-left: -280px;background: #fff;}
.index .indexprt2 video{display: none;}
.index .indexprt2 .videolist1{top: 150px;left:20%;}
.index .indexprt2 .videolist2{top: 150px;right:20%;}
.index .indexprt2 .videolist1 a,.index .indexprt2 .videolist2 a{display: block;width: 198px;height: 43px;line-height: 43px; border: 1px solid #fff;border-radius: 23px;text-indent: 40px;color: #fff;font-size: 16px;margin: 30px 0 60px;}
.index .indexprt2 .videolist1 a:nth-child(1){background: url(../images/videoico1.png) no-repeat 35px center;}
.index .indexprt2 .videolist1 a:nth-child(1):hover,.index .indexprt2 .videolist1 a.active{background: url(../images/videoico1.png) no-repeat 35px center #1abd9b;border: 1px solid #1abd9b}

.index .indexprt2 .videolist1 a:nth-child(2){background: url(../images/videoico2.png) no-repeat 35px center;}
.index .indexprt2 .videolist1 a:nth-child(2):hover,.index .indexprt2 .videolist1 a.active{background: url(../images/videoico2.png) no-repeat 35px center #1abd9b;border: 1px solid #1abd9b}

.index .indexprt2 .videolist1 a:nth-child(3){background: url(../images/videoico3.png) no-repeat 35px center;}
.index .indexprt2 .videolist1 a:nth-child(3):hover,.index .indexprt2 .videolist1 a.active{background: url(../images/videoico3.png) no-repeat 35px center #1abd9b;border: 1px solid #1abd9b}

.index .indexprt2 .videolist2 a:nth-child(1){background: url(../images/videoico4.png) no-repeat 35px center;}
.index .indexprt2 .videolist2 a:nth-child(1):hover,.index .indexprt2 .videolist2 a.active{background: url(../images/videoico4.png) no-repeat 35px center #1abd9b;border: 1px solid #1abd9b}

.index .indexprt2 .videolist2 a:nth-child(2){background: url(../images/videoico5.png) no-repeat 35px center;}
.index .indexprt2 .videolist2 a:nth-child(2):hover,.index .indexprt2 .videolist2 a.active{background: url(../images/videoico5.png) no-repeat 35px center #1abd9b;border: 1px solid #1abd9b}

.index .indexprt2 .videolist2 a:nth-child(3){background: url(../images/videoico6.png) no-repeat 35px center;}
.index .indexprt2 .videolist2 a:nth-child(3):hover,.index .indexprt2 .videolist2 a.active{background: url(../images/videoico6.png) no-repeat 35px center #1abd9b;border: 1px solid #1abd9b}




.index .indexprt3{text-align: center;padding-bottom: 60px}
.index .indexprt3 h1{font-size: 25px;color: #666;font-weight: normal;margin: 100px 0 30px;}
.index .indexprt3 .smtile{font-size: 17px; padding-bottom:24px; display: block; border-bottom: 1px solid #ddd; width: 1200px; margin: 0 auto;}
.indexprt3 .page-third {margin-bottom: 22px;margin-top: 100px;}
.indexprt3 .page-third .page-third-content {position: relative;padding-top: 45px;padding-bottom: 110px;overflow: hidden;}
.indexprt3 .page-third .page-third-content .view-image {width: 1025px;height: 576px;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;z-index: 9;}
.indexprt3 .page-third .page-third-content .view-image img {vertical-align: middle;}
.indexprt3 .page-third .page-third-content .image-list {width: 3800px;height: 444px;position: relative;top: 1.5px;left: 0;transition: opacity .3s linear;}
.indexprt3 .page-third .page-third-content .image-list:after {content: "";display: block;clear: both;}
.indexprt3 .page-third .page-third-content .image-list > div {width: 710px;margin: 0 25px;float: left;}
.indexprt3 .page-third .page-third-content .image-list > div img {display: block;width: 100%;}
.indexprt3 .page-third .page-third-content .image-list .opacity {opacity: 0.5;}
.indexprt3 .page-third .list-btn {margin: 5px 0;text-align: center;}
.indexprt3 .page-third .list-btn li {display: inline-block;padding-left: 5px;padding-right: 5px;}
.indexprt3 .page-third .list-btn li p {display: inline-block;vertical-align: middle; padding:0;text-align: center;width: 50px;height: 50px;border: 1px solid #e9ecef;border-radius: 50%;font-size: 25px;color: #bfc9ce;cursor: pointer;}
.indexprt3 .page-third .list-btn li p span {display: inline-block;vertical-align: middle;width: 10px;height: 10px;border-top: 2px solid #BFC9CE;border-left: 2px solid #BFC9CE;transform: rotate(-45deg);margin-top: 8px;margin-left: 4px;}
.indexprt3 .page-third .list-btn li a {line-height: 20px;border: 1px solid #e9ecef;border-radius: 30px;text-align: center;font-size: 16px;display: inline-block;padding: 14px 46px;margin: 0 18px;}
.indexprt3 .page-third .list-btn li:last-child p span {transform: rotate(135deg);margin-left: -4px;}
.indexprt3 .abtns{padding-top: 20px;}
.indexprt3 .abtns a{line-height: 20px;border: 1px solid #e9ecef;border-radius: 30px;text-align: center;font-size: 16px;display: inline-block;padding: 14px 46px;margin: 0 18px;}
.tabconttle{ text-align: center; font-size: 16px; color: #777777; padding: 40px 0 60px;}
.tabconttle li{ display: inline-block; margin: 0 20px; border-bottom: 3px solid transparent; cursor: pointer; padding:0 10px 8px;}
.tabconttle li.on{color: #1abd9e; border-bottom: 3px solid #1abd9e;}

.tabcontm .items{float: left;width: 200px;margin: 20px;position: relative; box-shadow:0 2px 10px rgba(0,0,0,.12);}
.tabcontm .items:before{width: 200px;height: 50px;border-radius: 20px 20px 0 0;background-color: #f00;}
.tabcontm .items>img{display: block; width: 200px;height: 310px;}
.tabcontm .items>p{background: #fff;}
.tabcontm .items p a{float: left;display: block;line-height: 48px;text-align:left;width:100%;text-indent: 10px;overflow: hidden;clear: both;text-overflow:ellipsis!important;white-space:nowrap!important;}
.tabcontm .items p em{float: right;width:45%;line-height: 48px;margin-right: 4px;color: #1abd9b;}
.tabcontm .items .mask{display: none;position: absolute; width: 200px;height: 310px;background: rgba(0,0,0,.7);top: 0;left: 0;}
.tabcontm .items .mask p{line-height: 40px;color: #fff;text-align: center;}
.tabcontm .items .mask img{display: block;width: 148px;height: 148px;margin: 50px auto 0;}
.tabcontm .items .mask .usenow{display: block;width: 122px; line-height: 25px;color: #fff;text-align: center;background: #1abd9b;margin: 0 auto;border-radius: 3px;}
.tabcontm .items:hover .mask{display: block;}

.index .indexprt4{width: 100%;height: 650px;background: url(../images/partbg2.jpg) no-repeat center;background-size: 100% 100%;}
.index .indexprt4 .leftpart{color: #fff;width: 40%;opacity: 0;}
.index .indexprt4 .leftpart h1{padding: 150px 0 30px;font-size: 25px;}
.index .indexprt4 .leftpart p{padding: 25px 20px;line-height: 30px; background: rgba(0,0,0,.2);font-size: 16px;}
.index .indexprt4 .leftpart a{display: block;width: 160px;height: 40px;line-height: 40px;border:2px solid #fff;border-radius: 22px;margin-top: 30px; font-size: 18px;color: #fff;text-align: center;}
.index .indexprt4 .rightpart{padding-top: 50px;opacity: 0;}


.footer{padding: 80px 0 70px; text-align: center;}
.link a,.link i{display: inline-block;margin: 0 20px;font-size: 16px;}
.copyright{padding-top: 40px;font-size: 13px;color: #a8a8a8;}
.copyright a{color: #a8a8a8;}

/*首页登陆弹框*/
.graybg{ display: none; background: #000; opacity: 0.6; top: 0; left: 0; position: fixed; width: 100%; height: 100%; z-index: 10;}
.indlogintk{ display: none; width: 294px; height: 245px; background: #fff; z-index: 11; position: fixed; top: 50%; left: 50%; margin-top: -174px; margin-left: -147px;}
.indlogintk .titlechk{ overflow: hidden; padding: 13px;border-bottom: 1px solid #a1a1a1;text-align: center;font-size: 16px;margin: 5px 50px;}
.indlogintk .titlechk i{display: block; float: right; cursor: pointer;}
.indlogintk .titlechk img{display: block;}
.indlogintk .titlechk span{background: #fefcee; display: block; float: right; position: relative; height: 26px; width: 119px; line-height: 26px; color: #df9c1f; font-size: 12px; text-align: center; border: 1px solid #f3d995; margin-top: 4px; margin-right: 12px;}
.indlogintk .titlechk ins{ display: block;width: 7px; height: 12px; background: url(../images/arrowsm.png) no-repeat center; position: absolute; top: 50%; margin-top: -6px; right: -6px;}
.indlogintk .contsf ul.tle{font-size: 16px; line-height: 40px; color: #000; padding: 0 50px;}
.indlogintk .contsf ul.tle li{height: 40px; width:100%; text-indent: 80px; cursor: pointer;border: 1px solid #a1a1a1;border-radius: 5px;margin: 30px 0;}
.mmdlcont .contsf ul.tle li{width: 100%;}
.indlogintk .contsf ul.tle li.loginway1{background: url(../images/qqicon.png) no-repeat 40px center;}
.indlogintk .contsf ul.tle li.loginway2{background: url(../images/wxicon.png) no-repeat 40px center;}
.indlogintk .contsf .pic{ width: 115px; height: 115px; padding: 10px; border: 1px solid #f0f0f0; margin: 16px auto;}
.indlogintk .contsf .pic img{ display: block;width: 115px; height: 115px;}
.indlogintk .contsf .word{padding: 0 52px;}
.indlogintk .contsf .word ins{ display: block; float: left; margin-top: 6px;}
.indlogintk .contsf .word ins img{display: block;}
.indlogintk .contsf .word span{ display: block; float: right; font-size: 13px; color: #000; line-height: 22px; width: 136px;}
.indlogintk .contsf .word span em{ color: #1abd9b;}
.indlogintk .contsf .word span.dh{line-height: 46px;}
.indlogintk .contsf .tbcont ul{ padding:0px 22px;}
.indlogintk .contsf .tbcont ul li{ padding: 8px 0 6px;}
.indlogintk .contsf .tbcont ul span{ display: block; padding-top: 10px;}
.indlogintk .contsf .tbcont ul .webtxt{ width: 237px; height: 35px; line-height: 35px; padding-left: 10px; font-size: 14px; color: #333; border-radius: 4px;}
.indlogintk .contsf .tbcont ul label{ line-height: 24px;}
.indlogintk .contsf .tbcont ul label input{ margin-right: 8px;}
.indlogintk .contsf .tbcont ul .webtn{ display: block; width: 100%; height: 36px; line-height: 36px; background: #1abd9b; border: none; cursor: pointer; color: #fff; margin-top: 12px;}


/*列表页首页*/
.listtopbg img{display: block;width: 100%;}
.listtype{/*margin-top: 80px;*/padding: 20px 0 60px;background: #eee;border-top: 1px solid #e7e7e7;}
.listtype .style{margin-bottom: 20px;}
.listtype li{float: left;width: 200px;height: 310px;margin: 20px;position: relative;box-shadow: 0 2px 10px rgba(0,0,0,.12)}
.listtype li>img{display: block; width: 200px;height: 262px;}
.listtype li>p{background: #fff;}
.listtype li p a{display: block;line-height: 48px;text-indent: 10px;overflow: hidden;}
.listtype li p em{float: right;line-height: 48px;margin-right: 10px;color: #a8a8a8;font-size: 12px;}
.listtype li .mask{display: none;position: absolute; width: 200px;height: 262px;background: rgba(0,0,0,.7);top: 0;left: 0;}
.listtype li .mask p{line-height: 40px;color: #fff;text-align: center;}
.listtype li .mask img{display: block;width: 148px;height: 148px;margin: 25px auto 0;}
.listtype li .mask .usenow{display: block;width: 122px; line-height: 25px;color: #fff;text-align: center;background: #1abd9b;margin: 0 auto;border-radius: 3px;}
.listtype .styletitle{height: 110px;line-height: 70px; width: 100%;text-align: center;font-size: 26px;background: url(../images/listtypebg.png) no-repeat center bottom;}
.listtype .styletitle a:hover{color:#54a7a2;}
.listtype .styletitle .typemore:hover{color:#6fc5c0;}
.listtype .typemore{position: absolute;right: 20px;bottom: 0;font-size: 13px;line-height: 40px;color: #6fc5c0;}


/*列表页*/
.listwrap{padding: 20px 0 60px;background: #eee;}
.listwrap .items{float: left;width: 200px;height: 340px;margin: 20px;position: relative;box-shadow:0 2px 10px rgba(0,0,0,.12);}
.listwrap .items:before{width: 200px;height: 50px;border-radius: 20px 20px 0 0;background-color: #f00;}
.listwrap .items>img{display: block; width: 200px;height: 310px;}
.listwrap .items>p{background: #fff;}
.listwrap .items p a{display: block;line-height: 48px;text-indent: 10px;overflow: hidden;}
.listwrap .items p em{float: right;line-height: 48px;margin-right: 4px;color: #1abd9b;}
.listwrap .items .mask{display: none;position: absolute; width: 200px;height: 310px;background: rgba(0,0,0,.7);top: 0;left: 0;}
.listwrap .items .mask p{line-height: 40px;color: #fff;text-align: center;}
.listwrap .items .mask img{display: block;width: 148px;height: 148px;margin: 50px auto 0;}
.listwrap .items .mask .usenow{display: block;width: 122px; line-height: 25px;color: #fff;text-align: center;background: #1abd9b;margin: 0 auto;border-radius: 3px;}
.listprt2{display: none;}
.showmore{text-align: center;line-height: 60px;border-radius: 5px;}
.showmore li,.showmore a{display: inline-block; padding:0 8px;line-height: 40px;}
.showmore .active,.showmore a:hover{color: #1abd9b;}
.showmore2{text-align: center;line-height: 60px;border-radius: 5px;}
.showmore2 li,.showmore2 a{display: inline-block; padding:0 8px;line-height: 40px;}
.showmore2 .active,.showmore2 a:hover{color: #1abd9b;}

/*个人中心——个人资料*/
.userinfo li{padding: 25px 0 0 10px;overflow: hidden;}
.userinfo label{float: left; width: 90px;}
.userinfo input{float: left;height:28px;line-height: 28px;width: 328px;}
.userinfo a.btns{display: inline-block; width: 90px;line-height: 30px;background: #1abd9b; color: #fff;text-align: center;border-radius: 3px;}
.userinfo a.txts{display: inline-block;color: #1abd9b;}
.userinfo span{display: none;overflow: hidden;}
.userinfo span input{float: left; width: 237px;}
.userinfo span .checkbtn{float: left; width: 91px;line-height: 28px;border: 1px solid #d1d1d1;border-left:0;text-align: center;color: #f00;}
.userinfo .checktele{display: none;}
.userinfo .checktip{display: none;}
.userinfo .checktele i{float: left;color: #f00;}

/*个人中心——我的作品*/
 
.mywork .workcont li{float: left;width: 200px;height: 310px;margin: 6px 13px 6px 6px;position: relative;}
.mywork .workcont li:hover{box-shadow:0 0 20px 10px #eee; }
.mywork .workcont li.addwork a{display: block;height: 290px;margin: 8px;border: 2px dashed #d1d1d1;border-radius: 10px;}
.mywork .workcont li.addwork a i{display: block; font-size: 100px;text-align: center;color: #eee;line-height: 120px;padding-top: 50px;}
.mywork .workcont li.addwork a em{display: block;font-size: 13px;text-align: center;color: #999;}
.mywork .workcont li img{display: block; width: 200px;height: 262px;}
.mywork .workcont li p a{display: block;line-height: 48px;text-indent: 10px;overflow: hidden;}
.mywork .workcont li p em{float: right;line-height: 48px;margin-right: 10px;color: #1abd9b;}
.mywork .workcont li .mask{display: none;position: absolute; width: 200px;height: 262px;background: rgba(0,0,0,.5);top: 0;left: 0;}
.mywork .workcont li .mask a{display: block;color: #fff;border-radius: 3px;text-align: center;}
.mywork .workcont li .mask a.workedit{width:122px;line-height: 25px;background: #1abd9b;margin:105px auto 0;}
.mywork .workcont li .mask a.workdel{width:122px;line-height: 25px;background: #d37474;margin:20px auto 0;}
.mywork .workcont li .mask a.workview{position: absolute;top: 5px;right: 5px;}
.mywork .workcont li .mask a.workview img{display: block;width: 30px;height: 30px;}

.edittk,.deltk,.canceltk{display: none; width: 330px;background: #fff;position:absolute;top: 50%;left: 50%;margin-top: -150px;margin-left: -165px;z-index:101;border-radius: 5px;}
.edittk{height: 165px;} 
.deltk,.canceltk{height: 144px;} 
.edittk p,.deltk p,.canceltk p{text-align: center;padding-top: 45px;padding-bottom: 32px;} 
.edittk .closetk,.deltk .closetk,.canceltk .closetk{display: block; position: absolute;top: -35px;right:-35px;width:30px;line-height: 30px;border-radius: 15px;background:#525252;color: #fff;text-align: center;font-size: 18px; } 
.edittk a,.deltk a,.canceltk a{display: inline-block;width: 50%;line-height: 48px;text-align:center;color: #fff;background: #1abd9b;} 
.edittk a.cancelbtn{border-bottom-right-radius: 5px;background: #ccc;} 
.edittk a.submitbtn{border-bottom-left-radius: 5px;} 
.deltk a.submitbtn,.canceltk a.submitbtn{border-bottom-left-radius: 5px;background:#ccc;} 
.deltk a.cancelbtn,.canceltk a.cancelbtn{border-bottom-right-radius: 5px;}

/*个人中心——我的订单*/
.myorder .searchbar .times{float: left; width: 209px;height: 30px;margin:0 25px 0 5px;text-indent: 10px;border-radius:3px;background: url(../images/icon.png) no-repeat right center;}
.myorder .searchbar .typeselect{ float: left;margin-left: 5px; }
.myorder .searchbar .typeselect i{display: block; width: 209px;line-height: 30px;border-radius:3px;border: 1px solid #e1e1e1;text-indent: 10px;}
.myorder .searchbar .typeselect em{float: right;width: 7px;height: 7px;border-top: 2px solid #999;border-right: 2px solid #999;}
.myorder .searchbar .typeselect em.close{ -webkit-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);margin:9px 13px 0 0;webkit-transition:all 300ms ease-out; -mozilla-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; }
.myorder .searchbar .typeselect em.open{-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);margin:13px 13px 0 0;webkit-transition:all 300ms ease-out; -mozilla-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; }
.myorder .searchbar .typeselect ul{ display: none;position: absolute;z-index: 10; border-radius:3px;border: 1px solid #e1e1e1;border-top: 0;background: #fff;}
.myorder .searchbar .typeselect li{width: 209px;line-height: 45px;text-indent: 10px;}
.myorder .searchbar .typeselect li:hover{background: #edf8fd;}
.myorder .searchbar>a{float: left;width: 150px;line-height: 32px;text-align: center;background: #1abd9b;color: #fff;margin-left: 30px;border-radius: 3px;}
.myorder .ordercont{padding-top: 30px;}
.myorder .ordercont table{width: 877px;margin: 0 6px;border: 1px solid #d1d1d1;border-radius:3px;border-collapse: separate;overflow: hidden;}
.myorder .ordercont th{background: #f3f3f3;line-height: 48px;}
.myorder .ordercont td{border-bottom: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;text-align: center;line-height: 48px;}
.myorder .ordercont td a{margin: 0 8px;}
.myorder .ordercont td:last-child{border-right: 0;width: 115px;}
.myorder .ordercont table .tabcont{width: 218px;}
.myorder .ordercont tr:last-child td{border-bottom: 0;}
.deltxt{color: #f00;}
.paytxt{color: #1abd9b;}

/*个人中心——我的账户*/
.myaccount h2{font-size: 15px;font-weight: normal;padding-left: 6px;line-height: 50px}
.myaccount h2 i{display: inline-block;margin: 0 10px;color: #1abd9b;}
.myaccount h2 p{float: right;height: 35px;line-height: 32px; margin: 7px 30px 0 0;padding: 0 10px; font-size: 12px;color: #f00;background: #fff4f2;border: 1px solid #efc7bf;border-radius: 3px;}
.myaccount h2 p em{margin-left:10px;color: #ffd0c6;font-size: 18px;cursor: pointer;}
.myaccount .addmoney a{float: left;width: 142px;height: 100px;border: 1px solid #e3e3e3;margin: 5px 49px 25px 6px;border-radius: 3px;}
.myaccount .addmoney a.active{background: #1abd9b;border: 1px solid #1abd9b;box-shadow: 0 0 10px 5px #eee;}
.myaccount .addmoney a span{display: block; color: #000;text-align: center;font-size: 16px;margin-top: 10px;}
.myaccount .addmoney a i{display: block;color: #1abd9b;text-align: center;font-size: 16px;margin: 2px 0;}
.myaccount .addmoney a em{display: block;color: #999;font-size: 13px;text-align: center;margin-top: 5px;}
.myaccount .addmoney a.active span,.myaccount .addmoney a.active i,.myaccount .addmoney a.active em{color: #fff;}
.myaccount .addway a{position: relative; display: inline-block;width: 130px;height: 45px; border: 1px solid #e3e3e3;margin: 5px 19px 0 6px;}
.myaccount .addway a.active ins{display:block;position: absolute;top: 0; width: 130px;height: 45px;border: 1px solid #1abd9b;background: url(../images/checkicon.png) bottom right no-repeat;}
.myaccount .addway a img{display: block;width: 130px;height: 45px;}
.myaccount .submitbtn{margin-top: 50px;text-align: center;}
.myaccount .submitbtn p i{color: #1abd9b;margin: 0 5px;}
.myaccount .submitbtn a{display: block;width: 128px;line-height: 32px;background: #1abd9b;color: #fff;border-radius: 3px;margin: 10px auto;}

/*个人中心——支付页面*/
.paywrap{background: #fff;}
.workimg{margin: 25px;}
.workimg img{display: block;width: 202px;height: 318px;}
.workimg a{position: absolute;display: block;width: 202px;bottom: 0;left: 0;line-height: 44px;background: rgba(0,0,0,.5);color: #fff;text-align: center;}
.paycont{width: 920px;}
.paycont .conttitle{padding-bottom: 10px;margin:30px 10px;border-bottom: 1px solid #eee;}
.paycont .conttitle h1{font-weight: normal;font-size: 20px;}
.paycont p{margin: 0 10px 30px;}
.paycont p i{color: #1abd9b;margin:0 10px;}
.paycont p.restmoney a{text-decoration: underline;color: #1abd9b;margin-left: 20px;}
.paycont p.payway{padding-bottom: 30px; border-bottom: 1px solid #eee;}
.paycont p.payway a{position: relative; float: left;;width: 130px;height: 45px; border: 1px solid #e3e3e3;margin-left: 20px;}
.paycont p.payway a.active ins{display:block;position: absolute;top: 0; width: 130px;height: 45px;border: 1px solid #1abd9b;background: url(../images/checkicon.png) bottom right no-repeat;}
.paycont p.payway em{float: left; line-height: 47px;}
.paycont .paybtn a{display: inline-block;width: 128px;line-height: 32px;background: #1abd9b;color: #fff;border-radius: 3px;text-align: center;}
.paycont .paybtn em{display: inline-block; color: #f00;vertical-align: bottom;font-size: 12px;margin: 0 5px;}

/*制作完成页面*/
.phone{background: url(../images/phone.png) center no-repeat;width: 339px;height: 695px;}
.phone .showpic{width: 295px;height: 523px;overflow: hidden;top: 85px;left: 22px;}
.phone .updown{top: 160px;right: -50px;}
.phone .updown a{display: block; width: 33px;height: 83px;border: 1px solid #fff;background: #fff;margin: 6px 0;border-radius: 3px;}
.phone .updown a:hover{border:1px solid #1abd9b;}
.phone .updown a i{display: block; margin:36px auto;width: 0;height: 0;border-left:8px solid transparent;border-right:8px solid transparent;}
.phone .updown a i.uparrow{border-bottom:8px solid #ccc;}
.phone .updown a:hover i.uparrow{border-bottom:8px solid #1abd9b;}
.phone .updown a i.downarrow{border-top:8px solid #ccc;}
.phone .updown a:hover i.downarrow{border-top:8px solid #1abd9b;}
.fincont{width: 720px;padding: 20px;text-align: center;margin-top: 10px;}
.fincont h1{line-height: 60px; font-weight: normal;color: #1abd9b;border-bottom: 1px solid #eee;}
.fincont h5{line-height: 40px;font-weight: normal;color: #515f68;margin-top: 10px;}
.fincont>img{display:block; width: 180px;height: 180px;margin: 0 auto;}
.fincont .shareways{width: 210px;margin: 0 auto 10px;}
.fincont .shareways a{float: left; margin: 5px 10px 10px;}
.fincont .shareways img{display:block;width: 50px;height: 50px;}



/*分页*/
.pages{padding: 36px 0 0; text-align: center;font-size: 14px;}
.pages a{display: inline-block;*display: inline;*zoom: 1; height: 38px; line-height:36px; border-radius: 3px;color: #696969; border: 1px solid #ddd; margin: 0 10px; background: #fff; padding: 0 18px;}
.pages i{display: inline-block;*display: inline;*zoom: 1; height: 38px; line-height:38px; color: #696969; margin: 0 10px;}
.pages a:hover{background: #4ac7b5; border: 1px solid #4ac7b5; color:#fff}
.pages .active{display: inline-block;*display: inline;*zoom: 1; height: 38px; line-height:36px; background: #4ac7b5; border-radius: 3px;color: #696969; border: 1px solid #ddd;color:#fff; margin: 0 10px; padding: 0 18px;}
.pages .disabled,.pages .total{display: inline-block;*display: inline;*zoom: 1; height: 38px; line-height:36px; border-radius: 3px;color: #696969; border: 1px solid #ddd; margin: 0 10px; background: #fff; padding: 0 18px;}


.hlbanner{ height: 278px; min-width: 1200px; background: url(../images/hlbanner.jpg) no-repeat center; position: relative;}
.hlbanner .linktitle{ height: 52px; line-height: 48px; padding-bottom: 2px; background: rgba(255,255,255,.3); position: absolute; bottom: 0; width: 100%; left: 0; right: 0; text-align: center; font-size: 16px;}
.hlbanner .linktitle a{display: inline-block; border-bottom: 2px solid transparent; color: #cfcfcf; margin: 0 45px; padding: 0 10px;}
.hlbanner .linktitle a.on{ border-color: #fff; color: #fff;}
.txbanner{background: url(../images/txbanner.jpg) no-repeat center;}
.srbanner{background: url(../images/srbanner.jpg) no-repeat center;}

.caselist{padding: 40px 0; background: #f6f6f6;}
.caselist .tabtitles{padding: 10px 20px 20px; overflow: hidden;}
.caselist .tabtitles em{display: block; float: left; border-left: 3px solid #1abd9b; padding-left: 10px; line-height: 28px; margin-top: 3px; font-size: 16px; color: #696969; font-weight: bold;}
.caselist .tabtitles i{display: block; float:left; line-height: 32px; margin-left: 15px; padding: 0 12px; color: #999; border-radius: 4px; cursor: pointer; border: 1px solid #e2e2e2;}
.caselist .tabtitles i.on{color: #fff; background: #1abd9b; border-color: #1abd9b}
.caselist .items{float: left;width: 200px;margin: 20px;position: relative;box-shadow:0 2px 6px rgba(0,0,0,.12);}
.caselist .items:before{width: 200px;height: 50px;border-radius: 20px 20px 0 0;background-color: #f00;}
.caselist .items>img{display: block; width: 200px;height: 310px;}
.caselist .items>p{background: #fff;}
.caselist .items p a{display: block;line-height: 48px;text-indent: 10px;overflow: hidden; color: #333;}
.caselist .items p em{float: right;line-height: 48px;margin-right: 4px;color: #1abd9b;}
.caselist .items .mask{display: none;position: absolute; width: 200px;height: 310px;background: rgba(0,0,0,.7);top: 0;left: 0;}
.caselist .items .mask p{line-height: 40px;color: #fff;text-align: center;}
.caselist .items .mask img{display: block;width: 148px;height: 148px;margin: 50px auto 0;}
.caselist .items .mask .usenow{display: block;width: 122px; line-height: 25px;color: #fff;text-align: center;background: #1abd9b;margin: 0 auto;border-radius: 3px;}
.caselist .items:hover .mask{ display:block}
.caselist .btns{ text-align: center; padding: 40px 0 10px;}
.caselist .btns a{display: block; margin: 0 auto; line-height: 42px; border-radius: 24px; width: 160px; font-size: 15px; color: #1abd9b; border: 1px solid #1abd9b;}


.functionshow{margin-top: 70px;}
.functionshow .title{text-align: center;}
.functionshow .title h1{font-size: 26px;color: #373d41;font-weight: normal;}
.functionshow .title h2{font-size: 16px;color: #696969;font-weight: normal;margin: 20px 0;}
.functionshow .slider{margin:40px 0 70px;}
.functionshow .slider .llist{margin-left: 100px;}
.functionshow .slider .rlist{margin-right: 100px;}
.functionshow .slider .llist li,.functionshow .slider .rlist li{width: 145px;height: 38px;line-height: 38px;border: 1px solid #dbd9da;border-radius: 3px;margin: 20px 0;box-shadow: 0 3px 10px 0 #dbd9da;text-indent: 55px;font-size: 14px;color: #696969; cursor: pointer;}
.functionshow .slider .llist li:nth-child(1){background: url(../images/nslicon1.png) 20px center no-repeat;}
.functionshow .slider .llist li:nth-child(2){background: url(../images/nslicon2.png) 20px center no-repeat;}
.functionshow .slider .llist li:nth-child(3){background: url(../images/nslicon3.png) 20px center no-repeat;}
.functionshow .slider .llist li:nth-child(4){background: url(../images/nslicon4.png) 20px center no-repeat;}
.functionshow .slider .llist li:nth-child(5){background: url(../images/nslicon5.png) 20px center no-repeat;}
.functionshow .slider .llist li:nth-child(1):hover,.functionshow .slider .llist li:nth-child(1).on{background: url(../images/nhslicon1.png) 20px center no-repeat #1abd9b;color: #fff;border-color: #1abd9b; }
.functionshow .slider .llist li:nth-child(2):hover,.functionshow .slider .llist li:nth-child(2).on{background: url(../images/nhslicon2.png) 20px center no-repeat #1abd9b;color: #fff;border-color: #1abd9b; }
.functionshow .slider .llist li:nth-child(3):hover,.functionshow .slider .llist li:nth-child(3).on{background: url(../images/nhslicon3.png) 20px center no-repeat #1abd9b;color: #fff;border-color: #1abd9b; }
.functionshow .slider .llist li:nth-child(4):hover,.functionshow .slider .llist li:nth-child(4).on{background: url(../images/nhslicon4.png) 20px center no-repeat #1abd9b;color: #fff;border-color: #1abd9b; }
.functionshow .slider .llist li:nth-child(5):hover,.functionshow .slider .llist li:nth-child(5).on{background: url(../images/nhslicon5.png) 20px center no-repeat #1abd9b;color: #fff;border-color: #1abd9b; }
.functionshow .slider .rlist li:nth-child(1){background: url(../images/nslicon6.png) 20px center no-repeat;}
.functionshow .slider .rlist li:nth-child(2){background: url(../images/nslicon7.png) 20px center no-repeat;}
.functionshow .slider .rlist li:nth-child(3){background: url(../images/nslicon8.png) 20px center no-repeat;}
.functionshow .slider .rlist li:nth-child(4){background: url(../images/nslicon9.png) 20px center no-repeat;}
.functionshow .slider .rlist li:nth-child(5){background: url(../images/nslicon10.png) 20px center no-repeat;}
.functionshow .slider .rlist li:nth-child(1):hover,.functionshow .slider .rlist li:nth-child(1).on{background: url(../images/nhslicon6.png) 20px center no-repeat #1abd9b;color: #fff;border-color: #1abd9b; }
.functionshow .slider .rlist li:nth-child(2):hover,.functionshow .slider .rlist li:nth-child(2).on{background: url(../images/nhslicon7.png) 20px center no-repeat #1abd9b;color: #fff;border-color: #1abd9b; }
.functionshow .slider .rlist li:nth-child(3):hover,.functionshow .slider .rlist li:nth-child(3).on{background: url(../images/nhslicon8.png) 20px center no-repeat #1abd9b;color: #fff;border-color: #1abd9b; }
.functionshow .slider .rlist li:nth-child(4):hover,.functionshow .slider .rlist li:nth-child(4).on{background: url(../images/nhslicon9.png) 20px center no-repeat #1abd9b;color: #fff;border-color: #1abd9b; }
.functionshow .slider .rlist li:nth-child(5):hover,.functionshow .slider .rlist li:nth-child(5).on{background: url(../images/nhslicon10.png) 20px center no-repeat #1abd9b;color: #fff;border-color: #1abd9b; }
.functionshow .slider .mainbody{width: 478px;border: 1px solid #dbd9da;margin: 0 113px;box-shadow: 0 10px 30px 0 #dbd9da;}
.functionshow .slider .mainbody li{width: 400px;margin: 20px auto}
.functionshow .slider .mainbody li p{font-size: 16px;color: #696969;margin-top: 20px;}
.functionshow .btns{ text-align: center; padding: 0px 0 50px;}
.functionshow .btns a{display: block; margin: 0 auto; line-height: 42px; border-radius: 24px; width: 160px; font-size: 15px; color: #1abd9b; border: 1px solid #1abd9b;}


.pptwrap{ margin: 0 -13px; padding-top: 20px;}
.pptwrap dl{ margin: 13px; width:217px; float: left;position:relative; padding-bottom:8px; overflow:hidden; top:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #e4ecf3; background: #fff; border-radius: 5px;}
.pptwrap dl:hover{ transform: translateY(-6px); -webkit-transform: translateY(-6px);  -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);  -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
.pptwrap dl dt{overflow:hidden; position:relative; border-bottom:1px solid #e6e6e6; height:320px;}
.pptwrap dl dt img{ width:100%}
.pptwrap dl dt .pic{ position:absolute;}
.pptwrap dl dt .upscr{ position:absolute; top:0; left:0; width:100%; height:50%; z-index:9}
.pptwrap dl dt .downscr{ position:absolute; bottom:0; left:0; width:100%; height:50%; z-index:9}
.pptwrap dl dd{ padding:0px 10px;}
.pptwrap dl dd p{ display:block; margin:8px 0; font-size:13px; color:#424242;}
.pptwrap dl dd p a{height:30px;line-height:30px;display:block;width:200px;overflow:hidden; color: #424242; white-space: nowrap; text-overflow: ellipsis;}
.pptwrap dl dd span{ overflow:hidden; font-size:12px; color:#757575; height:26px; line-height:26px;}
.pptwrap dl dd span img{ vertical-align:-3px; margin-right:6px}
.pptwrap dl dd span ins{ float:left; margin-right: 12px;}
.pptwrap dl dd span i{ float:left}
.pptwrap dl dd span em{ float:right}

.videolist ul.listm{padding-left: 15px;}
.videolist ul.listm li{margin: 0 15px 45px; float: left; _display: inline;}
.videolist ul.listm li em{display: block; width: 355px; height: 200px; overflow: hidden; overflow: hidden; background: #000; position: relative;}
.videolist ul.listm li em img{width: 100%; height: 210px; display: block; opacity: 1; -webkit-transition: all .6s; transition: all .6s;}
.videolist ul.listm li em b{display: block; width: 32px; height: 32px; background: url(../images/bfico.png) no-repeat center; left: 50%; top: 50%; margin-top: -16px; margin-left: -16px; z-index: 999; position: absolute; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.videolist ul.listm li a{display: block; width: 355px; background: #fff; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #e4ecf3; border-radius: 5px; position: relative;}
.videolist ul.listm li a:hover em img{opacity: .7;}
.videolist ul.listm li a:hover{transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.videolist ul.listm li a:hover em b{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.videolist ul.listm li span{display: block; padding: 10px 15px; background: #fff; line-height: 35px; font-size: 14px; color: #333; font-weight: normal; overflow: hidden; width: 355px;}
.videolist ul.listm li span i{display: block; float: left; width: 235px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.videolist ul.listm li span ins{display: block; float: right; color: #999;}

.fthsmer{ height: 163px; min-width: 1200px; text-align: center; padding-top: 50px;}
.fthsmer span{display: block; width: 508px; height: 68px; line-height: 66px; margin: 0 auto; border: 1px solid #aaa; color: #fff; font-size: 20px; font-weight: bold;}
.hlsmer{ background: url(../images/hlsmber.jpg) no-repeat center;}
.txsmer{ background: url(../images/txsmber.jpg) no-repeat center;}
.srsmer{ background: url(../images/srsmber.jpg) no-repeat center;}

/*首页动画*/
/*动画类*/
.animation2{
	-webkit-animation: arrowdown .5s linear .5s forwards;
	-o-animation: arrowdown .5s linear .5s forwards;
	animation: arrowdown .5s linear .5s forwards;
}

.animation3{
	-webkit-animation: arrowdown .5s linear 1.5s forwards;
	-o-animation: arrowdown .5s linear 1.5s forwards;
	animation: arrowdown .5s linear 1.5s forwards;
}

.animation6{
	-webkit-animation: rotate .5s linear forwards;
	-o-animation: rotate .5s linear forwards;
	animation: rotate .5s linear forwards;
}

.animation7{

	-webkit-animation: rotate .5s linear 1s forwards;
	-o-animation: rotate .5s linear 1s forwards;
	animation: rotate .5s linear 1s forwards;
}

.animation8{
	-webkit-animation: rotate .5s linear 2s forwards;
	-o-animation: rotate .5s linear 2s forwards;
	animation: rotate .5s linear 2s forwards;
}


.animation15{
	-webkit-animation: leftpart 1s ease-in forwards;
	-o-animation: leftpart 1s ease-in forwards;
	animation: leftpart 1s ease-in forwards;
}

.animation16{
	-webkit-animation: rightpart 1s ease-in forwards;
	-o-animation: rightpart 1s ease-in forwards;
	animation: rightpart 1s ease-in forwards;
}

/*动画样式*/
@keyframes titledown{
	0%   {opacity: 0;top:0;}
	100% {opacity: 1;top:250px;}
}

@keyframes arrowdown{
	0%   {opacity: 0;margin-top: 0;}
	100% {opacity: 1;margin-top: 40px;}
}

@keyframes rotate{
	0%   {opacity: 0;
		-webkit-transform: rotateY(-90deg);
		-ms-transform: rotateY(-90deg);
		-o-transform: rotateY(-90deg);
		transform: rotateY(-90deg);}
	100% {opacity: 1;}
}

@keyframes leftpart{
	0%   {opacity: 0; padding-left: 0;}
	100% {opacity: 1; padding-left: 10%}
}

@keyframes rightpart{
	0%   {opacity: 0; margin-right: -10%;}
	100% {opacity: 1; margin-right: 0}
}