/*reset*/
*{box-sizing: border-box;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:20px;}
body{margin: 0; padding: 0; background:#280200; font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Arial, sans-serif; text-align: center;}
input:focus {outline: none;}a{text-decoration: none;}
a{text-decoration: none;}
ul,li,dl,dt,dd,ol{ margin:0; padding:0; list-style:none;}
em,i{ font-style:normal; margin:0; padding:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
a:link,a:visited{outline:none; text-decoration: none; blr:expression(this.onFocus=this.blur());color: #323234;}
a:hover{color: #fc4a00; text-decoration: none;}
/* .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0px; text-align: center;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:2em; height:5px;background:#ddd; border-radius:2px; opacity: 1; margin:0 0.5em;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background:#009940;}
.swiper-button-next,.swiper-button-prev{outline: none;}
.swiper-container .swiper-slide img{width:100%; display: block;} */

.nav-tabs{height:auto; overflow:hidden; border:0; background: #461e19; display: flex; justify-content:space-between; align-item:center; margin:50px 0px; text-align: center;}
.nav-tabs li{flex:1; height:100px; overflow: hidden; margin:0; color: #fff; text-align:center; position: relative; border:0; border-left:2px #37110c solid; }
.nav-tabs>li>a{width:100%; height:100px; overflow:hidden; padding:20px 0 0 20px; display: block; text-align:center; border-radius:0px; border:0; position: relative;}
.nav-tabs>li>a h1{font-size:40px; font-style: italic;float: left; color:#ffe6cd; font-weight: bold; position: absolute; left:20px; top:25px; }
.nav-tabs>li>a h3{font-size:24px; font-weight: bold; color: #fff; margin-bottom:10px; }
.nav-tabs>li>a p{font-size:18px; color:#ffe6cd; }
.nav-tabs>li:first-child{border:0;}
.nav-tabs>li>a:hover{background:-webkit-linear-gradient(top,#fc4a00,#ff6900);}
.nav-tabs>li.active a,.nav-tabs>li.active a:hover,.nav-tabs>li.active a:link,.nav-tabs>li.active a:focus{border:0; background:-webkit-linear-gradient(top,#fc4a00,#ff6900);}
.tab-content{width:100%; height:auto; background:none; }
.tab-content .tab-pane{width:100%;}
.panel_tips{width: 100%; font-size:30px; color: #ffe6cd; padding:120px 0; margin:0 auto; background:#37110c;}

/*public*/
.topbar{width:100%; height: auto; overflow:hidden; position:absolute; top:10px; z-index:10;}
.topbar .logo{ height:auto;overflow: hidden; float: left; margin:10px 0 0 15%; color:#fff;}
.topbar .logo img{display:block;height:23px; float: left; }
.topbar .logo a{font-size: 14px; color:#fff;}
.topbar .ftop{height: auto;overflow: hidden;float: right;margin-top:10px;text-align: right;}
.topbar .ftop strong{font-size: 14px; color:#ffa201;}
.topbar .txtbtn{font-size:14px; color:#fff; margin-left:10px;}
.topbar a:hover{color:#ffa201}
.banner{height:auto; overflow: hidden; position: relative; }
.banner img{width:100%; display:block;}
.banner .bimg{display: block;}
.banner .bimg1{display: none;}
.sbanner{height:auto; overflow: hidden; position: relative; }
.sbanner img{width:100%; display:block;}
.is-sticky{z-index:1000;}
.menu{width:100%; height:100px; background: #280200;  }
.menu ul{ display: flex; justify-content:space-between; align-items: center; }
.menu li{width:15%;}
.menu li a{display: block; height:100px; line-height:100px; overflow: hidden; font-size:20px; color: #fff; font-weight: bold;}
.menu li a:hover{background: #fc4a00;}
.menu li.current a{background:-webkit-linear-gradient(top,#fc4a00,#ff6900);}
.menu::after{content:''; display: block; height:2px; overflow: hidden; background:-webkit-linear-gradient(left,#fd4b00,#ffa201);}
.menu.fixed{position: fixed; top:0; left:0; z-index:1000;}
.panel-overlay{position:fixed; top: 0; left: 0; z-index:99;  width: 100%;  height: 100%;  background:rgba(0, 0, 0, 0); transition: all 0.5s ease; display: none;}
.mainbody0{height:auto; overflow:hidden; position: relative; padding-bottom:100px; }
.mainbody{height:auto; overflow:hidden; position: relative; z-index:1; padding-bottom:100px; margin:-360px 0 0 0; }
.box_tit{width:100%; height: auto; overflow: hidden; text-align: center; margin-bottom:30px;}
.box_tit h1{font-size:40px; background:-webkit-linear-gradient(left,#ffa201,#fff7ce); -webkit-background-clip: text; color: transparent; line-height:1; font-weight: bold; display:inline-block; margin-bottom:10px;}
.box_tit p{font-size:25px; color: #fbdcab; text-transform: uppercase;}
.box_con{height:auto; overflow: hidden; padding:50px 70px; text-align:left; font-size:20px; color: #e8bfb0; line-height:2.4;}
.box_con p{text-indent:2em; }
.box_con p img{margin:0 10px 0 -20px;}
.box_con h2{display:inline-block; height:44px; line-height:44px; overflow: hidden; background:-webkit-linear-gradient(top,#9a2e06,#9b3d06); font-size:24px; color: #fff; border-radius:44px; padding:0 40px; margin:30px 0 0px 0;}
.box_con strong{color: #ffa204;}
.box_con h4{font-weight: bold; line-height:2.4;}
.box_con h4 img{margin:0 10px 0 -20px;}
.box_con h3{color: #ffa204; font-weight: bold;}
.maintit{height:110px; line-height:110px; overflow: hidden; background: url(../images/tbg.png) no-repeat center top; margin:0px 0 60px 0; }
.maintit h1{font-size:40px; background:-webkit-linear-gradient(left,#ffa201,#fff7ce); -webkit-background-clip: text; color: transparent; font-weight: bold; display:inline-block; line-height:110px;  }
.footer{width:100%; height:80px; line-height:80px; overflow:hidden; background:#37110c; text-align: center;}
.footer p{font-size:16px; color:#ffd0a2;}
.floatPanel{position: fixed; right:30px; bottom:5%; z-index:100;}
.floatPanel a{display: flex; justify-content:center; align-items: center; width:80px; height:80px; overflow: hidden; border-radius:100%; line-height:1; font-size: 20px; color: #fff; background:-webkit-linear-gradient(top,#fc694a,#f3872c); margin-bottom:20px; transition:all 0.6s ease;}
.floatPanel img{width:60%;}
.floatPanel .menuBtn{display:none;}
.floatPanel a:hover{transform:scale(1.2);}

/*index*/
.index {background:-webkit-linear-gradient(top,#280200,#0d0100);}
.pagebg{}
.pagebg img{position: absolute;}
.pagebg .bgimg1{right:-15%; top:9%;}
.pagebg .bgimg2{left:-5%; top:22%;}
.pagebg .bgimg3{right:-6%; top:38%;}
.pagebg .bgimg4{left:-12%; top:72%;}
.pagebg .bgimg5{right:-17.5%; top:84%;}
.index .pagebox1{padding:100px 0 0 0;}
.index .pagebox1 .box_con{background:url('../images/cbg.png') no-repeat center bottom; background-size: 100% 100%;}
.index .pagebox2{padding:80px 0 0 0;}
.index .pagebox2 .box_con{background:url('../images/cbg1.png') no-repeat center bottom; background-size: 100% 100%;}
.index .pagebox2 .box_con img{width:100%; display: block; margin:20px 0 0 0;}
.index .pagebox3{padding:80px 0 0 0;}
.index .pagebox3 .box_top{height: auto; overflow: hidden; background: #461e19; display: flex; justify-content:space-between; align-items: center; }
.index .pagebox3 .box_top li{flex:1; height:100px; overflow: hidden; padding:20px 0 0 20px; color: #fff; text-align:center; position: relative;border-left:2px #37110c solid; }
.index .pagebox3 .box_top li h1{font-size:40px; font-style: italic;float: left; color:#ffe6cd; font-weight: bold; position: absolute; left:20px; top:25px; }
.index .pagebox3 .box_top li h3{font-size:24px; font-weight: bold; margin-bottom:10px; }
.index .pagebox3 .box_top li p{font-size:18px; color:#ffe6cd; }
.index .pagebox3 .box_top li:first-child{border:0;}
.index .pagebox3 .box_top li.active{background:-webkit-linear-gradient(top,#fc4a00,#ff6900);}
.index .pagebox3 .box_list{height: auto; overflow: hidden;background:#37110c; padding:20px 30px 30px 50px; text-align:left; font-size:20px; color: #e8bfb0; line-height:2.4;}
.index .pagebox3 .box_list dt{display:inline-block; height:44px; line-height:44px; overflow: hidden; background:-webkit-linear-gradient(top,#9a2e06,#9b3d06); font-size:24px; color: #fff; border-radius:44px; padding:0 40px; margin:30px 0 0px 0;}
.index .pagebox3 .box_list dd{display: flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; padding-left:0.5rem;}
.index .pagebox3 .box_list a{width:30%; margin:0.5rem 0; }
.index .pagebox3 .box_list a.a1{width:40%;}
.index .pagebox3 .box_list a.a2{width:50%;}
.index .pagebox3 a:link,.index .pagebox3 a:visited{color: #e8bfb0;}
.index .pagebox3 a:hover{color: #fbe04b; font-weight: bold;}
.index .pagebox3 .box_con{background:#37110c; padding:30px 70px; border-top:1px #461e19 solid; text-align:left;}
.index .pagebox3 .box_list1{height: auto; overflow: hidden;background:#37110c; padding:20px 30px 30px 50px; text-align:left; border-top:1px #461e19 solid;}
.index .pagebox3 .box_list1 li{margin-bottom:1rem;}
.index .pagebox3 .box_list1 li h3{display:inline-block; height:44px; line-height:44px; overflow: hidden; background:-webkit-linear-gradient(top,#9a2e06,#9b3d06); font-size:24px; color: #fff; border-radius:44px; padding:0 40px; margin:20px 0 10px 0;}
.index .pagebox3 .box_list1 li p{padding-left:0.5rem;}
.index .pagebox3 .box_list1 li a{font-size:20px; color: #e8bfb0; line-height:2.4;}
.index .pagebox3 .box_list1 li:first-child{width:50.5%;}
.index .pagebox3 .box_list1 li a:link,.index .pagebox3 .box_list1 li a:visited{color: #e8bfb0;}
.index .pagebox3 .box_list1 li a:hover{color: #fbe04b; font-weight: bold;}
.index .pagebox4{padding:80px 0 0 0;}
.index .pagebox4 .box_con{padding:30px 70px 50px 70px; background:url('../images/cbg2.png') no-repeat center bottom; background-size: 100% 100%;}
.index .pagebox4 .box_con p{text-indent:0; margin:0 0 0 20px;}
.index .pagebox4 .box_con h4{text-indent:0; margin:0 0 0 20px;}
.index .pagebox5{padding:80px 0 0 0;}
.index .pagebox5 .box_con{background:url('../images/cbg3.png') no-repeat center bottom; padding:30px 70px 50px 70px; background-size: 100% 100%;}
.index .pagebox5 .box_con p{text-indent:0; }
.index .pagebox5 .box_list{border-left:1px #fbe04b solid; margin:30px 0; }
.index .pagebox5 .box_list li{height: auto; padding:0 0 40px 20px; position: relative; }
.index .pagebox5 .box_list li::before{content:''; display: block; width:10px; height:10px; overflow: hidden; border-radius:10px; background: #fbe04b; position: absolute; left:-5px; top:0;}
.index .pagebox5 .box_list li h3{ position: relative; top:-16px;}
.index .pagebox5 .box_list li h4{margin:-10px 0 0px 0; line-height:2;}
.index .pagebox5 .box_list li:last-child{padding:0 0 0 20px;}
.index .pagebox6{padding:80px 0 0 0;}
.index .pagebox6 .box_con{background:url('../images/cbg4.png') no-repeat center bottom; background-size: 100% 100%;}
.index .pagebox6 .box_list{display: flex; justify-content:center; align-items: center;flex-wrap: wrap; margin:20px 0; }
.index .pagebox6 .box_list li{width:30%; background: #3e140a; height: 185px; overflow: hidden; display: flex; flex-direction:column; justify-content:center; align-items: center; color: #fff; margin:20px 1.5%; border:2px solid transparent; background-image: linear-gradient(#3e140a, #3e140a), -webkit-linear-gradient(top, #f83600, #f9ca22);background-origin: border-box; background-clip: content-box, border-box; border-radius:10px;}
.index .pagebox6 .box_list li h2{font-size:30px; background:none; color: #ffe6cd; font-weight: bold; padding:0;border-radius:0px; margin:0; line-height:1;}
.index .pagebox6 .box_list li p{font-size:20px; font-weight: bold; color: #ffe6cd;  margin-bottom:10px; line-height:1;}
.index .pagebox6 .box_list li h1{font-size:48px; font-weight: bold;}
.index .pagebox6 .box_list li h1 i{font-size:30px; font-style: normal; margin-right:5px;}
.index .pagebox6 .box_con p{text-indent:0; }
.index .pagebox6 .box_con h3{color: #e8bfb0; margin:30px 0 20px 0;}
.index .pagebox6 .box_con h3 strong{color: #fbe04b; font-style: italic; font-size:30px;}
.index .pagebox6 .box_con h4{margin:0 0 0 0px; color: #ffa204;}
.index .pagebox7{padding:80px 0 0 0;}
.index .pagebox7 .box_con{padding:30px 70px 50px 70px; background:url('../images/cbg5.png') no-repeat center bottom; background-size: 100% 100%;}
.index .pagebox7 .box_con p{text-indent:0; line-height:2;}

/* works */
.works{}
.mtab{margin-bottom:5rem;}
.mtit .nav-tabs{width:50%;  background: #280200; margin:0px auto 50px auto;}
.mtit .nav-tabs li{height:80px; border-left:0; }
.mtit .nav-tabs>li>a{height:80px;  padding:0px; border:2px #f28d27 solid; }
.mtit .nav-tabs>li>a h2{font-size:30px; line-height:80px; font-weight: bold; color: #fff7ce;}
.mtit .nav-tabs>li>a:hover{background:-webkit-linear-gradient(left,#e35945,#f28d27); }
.mtit .nav-tabs>li.active a,.nav-tabs>li.active a:hover,.nav-tabs>li.active a:link,.nav-tabs>li.active a:focus{ background:-webkit-linear-gradient(left,#e35945,#f28d27); }
.works .stit{height: auto; overflow: hidden; position: relative;}
.works .stit h2{width:15rem; background: #3e140a; height:4rem; overflow: hidden; display: flex; flex-direction:column; justify-content:center; align-items: center; color: #fff; margin:2rem auto 3rem auto;  border:2px solid transparent; background-image: linear-gradient(#3e140a, #3e140a), -webkit-linear-gradient(top, #f83600, #f9ca22);background-origin: border-box; background-clip: content-box, border-box; border-radius:10px; font-size:1.4rem; position: relative; z-index:1;}
/* .works .stit::before{content: ''; display: block; width: 100%;height:0.1rem; overflow: hidden; background:#f9ca22; position: absolute; left:0; top:5.9rem;} */
.vlist{height: auto; overflow: hidden; display: flex; justify-content:space-between; align-items:center; margin:30px 0 100px 0; }
.vlist li{width:31%; height:auto; overflow: hidden; display: block; background: #fff; border-radius:10px; padding:25px; font-weight: normal; text-align: left;}
.vlist li .cover{width:100%; height:auto; overflow: hidden; display: block; position: relative; border-radius:10px; transition:all 0.6s ease; margin-bottom:20px;}
.vlist li .cover .vbg{width:100%; display: block;}
.vlist li .cover .vimg{width:100%; position: absolute; left:0; top:0; z-index:1;}
.vlist li .cover .vicon{width:20%; position: absolute; left:50%; top:50%; z-index:2; margin:-10% 0 0 -10%;}
.vlist li p{font-size:20px; color: #333; text-align:center;}
.vlist li:hover .cover{transform:scale(1.1);}
.vtips{text-align: center; margin:30px 0 80px 0; font-size:16px; color: #fff;}
.videoList{display: flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-bottom:50px;}
.videoList dt{width:31%;  height: 440px;  display: block; background: #fff; border-radius:10px; padding:25px; font-weight: normal; text-align: left; margin-bottom:30px;}
.videoList dt a.vcover{width:100%; height:auto; overflow: hidden; display: block; position: relative; border-radius:10px; transition:all 0.6s ease;}
.videoList dt .vcover .vbg{width:100%; display: block;}
.videoList dt .vcover .vimg{width:100%; position: absolute; left:0; top:0; z-index:1;}
.videoList dt .vcover .vicon{width:20%; position: absolute; left:50%; top:50%; z-index:2; margin:-10% 0 0 -10%;}
.videoList dt .vcover:hover{transform:scale(1.1);}
.videoList dt .vtit{font-size:24px; color: #333; font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; margin:15px 0;}
.videoList dt .vtime{height: auto; overflow: hidden; display: flex; justify-content: space-between; align-items: center; }
.videoList dt .vtime p{ display: flex; justify-content:flex-start; align-items: center;}
.videoList dt .vtime p img{width:20px; margin-right:5px;}
.videoList dt .vtime p span{font-size:16px; color: #999;}
.videoList dt .vtime a.zan{background: #e7b840;padding:5px 20px; border-radius:30px; display: flex; justify-content:center; align-items: center;}
.videoList dt .vtime a.zan img{width:20px; margin-right:5px;}
.videoList dt .vtime a.zan span{font-size:20px; color: #fff;}
.videoList dt .vtime a.zan:hover{background: #fc4a00;}
.videoList dt .vcount{height: auto; overflow: hidden; display: flex; justify-content: space-between; align-items: center; margin:15px 0; }
.videoList dt .vcount li{ display: flex; justify-content:flex-start; align-items: center; font-size:16px; color: #eee;}
.videoList dt .vcount img{width:25px; margin-right:5px;}
.videoList dt .vcount span{font-size:16px; color: #999;}
.videoList dt .vuser{height: auto; overflow: hidden; padding:15px 0 0 0; border-top:1px #eee solid; }
.videoList dt .vuser img{width:50px; height:50px; border-radius:60px; float:left; margin-right:15px;}
.videoList dt .vuser h4{font-size:18px; color: #333; margin:5px 0;}
.videoList dt .vuser p{font-size:15px; color: #999;}
.videoList::after{content:'';width:31%; }
.videoList.prize{}
.videoList.prize dt{position: relative; margin-bottom:40px;}
/* .videoList.prize dt{background: #ffdfa5; position: relative; margin-bottom:40px;}
.videoList.prize dt .vuser{border-top:1px rgba(255,255,255,0.3) solid; }
.videoList.prize dt .vcount li{color:rgba(255,255,255,0.5);}
.videoList.prize dt .vcount span{color: #666;} */
.videoList.prize dt::before{content:'';display: block; width:61px; height:51px; overflow: hidden; background:url('../images/rank3.png') no-repeat center top; background-size: 100% auto; position: absolute; right:-22px; top:-35px; z-index:100; transform:rotate(30deg);}
.videoList.prize dt:nth-child(1)::before{ background-image:url('../images/rank1.png');}
.videoList.prize dt:nth-child(2)::before{ background-image:url('../images/rank2.png');}
.videoList.prize dt:nth-child(3)::before{ background-image:url('../images/rank2.png');}
/* detail */
.detail{}
.detail .topbox{height: auto; overflow: hidden; text-align:left; padding:50px 70px 50px 70px; background:url('../images/vbg.png') no-repeat center bottom; background-size: 100% 100%;}
.detail .topbox .tuser{height: auto; overflow: hidden; padding:15px 0 0 0; position: relative; }
.detail .topbox .tuser img{width:120px; height:120px; border-radius:120px; float:left; margin-right:25px;}
.detail .topbox .tuser h3{font-size:25px; color: #fbe04b; margin:20px 0; font-weight: bold;}
.detail .topbox .tuser h3 span{font-size:20px; color: #fff; font-weight: normal; margin-left:10px;}
.detail .topbox .tuser p{float: right; font-size:16px; color: #fff; margin:5px 0;}
.detail .topbox .tuser h4{font-size:24px; color: #fff; font-weight: bold;}
.detail .topbox .tuser h4 span{font-weight: normal;}
.detail .topbox .tvideo{height: auto; overflow: hidden; border-radius:10px; border:1px #fdc533 solid; margin:30px 0;}
.detail .topbox .tvideo video{width:100%; height: auto; display: block;}
.detail .topbox .tcount{height: auto; overflow: hidden; display: flex; justify-content:space-between; align-items: center; margin:30px 0 0 0; }
.detail .topbox .tcount li{flex:1; display: flex; justify-content:center; align-items: center; height: auto; overflow: hidden; font-size:16px; color: #fff; }
.detail .topbox .tcount img{width:60px; float:left; margin:0 20px 0 0;}
.detail .topbox .tcount span{font-size:16px; color: #fff;}
.detail .topbox .tcount p{font-size:24px; color: #fff; font-weight: bold; margin-top:5px;}
.detail .maintit1{height: auto; overflow: hidden; text-align: left; margin:60px 0 30px 0;}
.detail .maintit1 a.backbtn{ display: block; padding:10px 40px; font-size:16px; background: #e7b840; color: #333; border-radius:40px; float: right; margin:0 30px 0 0;}
.detail .maintit1 a.backbtn:hover{background: #fc4a00; color: #fff;}
.detail .maintit1 img{width:60px; float:left; margin:0 20px 0 0;}
.detail .maintit1 h2{font-size:26px; color: #fff; font-weight: bold; line-height:1.8;}
.detail .commentList{height: auto; overflow: hidden; text-align:left; }
.detail .commentList li{height: auto; overflow: hidden; margin-bottom:30px;}
.detail .commentList li .cl{float: left; margin-right:20px;}
.detail .commentList li .cl img{width:60px; height:60px; border-radius:60px; }
.detail .commentList li .cr{height: auto; overflow: hidden;}
.detail .commentList li .cr h3{font-size:25px; color: #fbe04b; float: left; font-weight: bold; margin:10px 20px 0 0;}
.detail .commentList li .cr p{font-size:16px; color: #ccc;  margin:15px 0 0 0;}
.detail .commentList li .cc{height: auto; overflow: hidden; clear: both; padding:0px 0 0 80px; font-size:16px; color: #fff; line-height:2;}
.detail .submitbox{height: auto; overflow: hidden; display: flex; justify-content:space-between; align-items: center; margin:50px 0 20px 0;}
.detail .submitbox .sinput{flex:1; height:66px; line-height:66px; overflow: hidden; margin:0; padding:0 30px; border:0; background: #3e130a; border-radius:60px; font-size:20px; color: #fff;}
.detail .submitbox .sbtn{height:66px; line-height:66px; overflow: hidden; margin:0; padding:0 50px; border:0; background:-webkit-linear-gradient(top,#fc4a00,#ff6900); border-radius:60px; font-size:24px; font-weight: bold; color: #fff; margin:0 0 0 30px;}
.detail .submitbox .sbtn:hover{background: #ca0a00;}

/* my */
.my{}
.my .topbox{height: auto; overflow: hidden; text-align:left; padding:50px 70px 50px 70px; background:url('../images/cbg.png') no-repeat center bottom; background-size: 100% 100%;}
.my .topbox .tl{ float:left; margin-right:25px;}
.my .topbox .tl img{width:120px; height:120px; border-radius:120px;}
.my .topbox .tc{height: auto; overflow: hidden;}
.my .topbox .tc h3{font-size:30px; color: #fbe04b; margin:20px 0; font-weight: bold;}
.my .topbox .tc h3 span{font-size:20px; color: #fff; font-weight: normal; margin-left:15px;}
.my .topbox .tc p{display: flex; justify-content:flex-start; align-items: center;}
.my .topbox .tc p img{width:25px; margin-right:10px;}
.my .topbox .tc p span{font-size:20px; color: #fff; margin-right:30px;}
.my .maintit1{height: auto; overflow: hidden; text-align: left; margin:60px 0 30px 0;}
.my .maintit1 img{width:60px; float:left; margin:0 20px 0 0;}
.my .maintit1 h2{font-size:26px; color: #fff; font-weight: bold; line-height:1.8;}
.my .myWorks{height: auto; overflow: hidden; }
.my .myWorks .item{display: block; height: auto; overflow: hidden; padding:30px; text-align: left; background: #37110c; margin-bottom:40px; transition:all 0.6s ease;}
.my .myWorks .cover{width:25%; height:auto; overflow: hidden; display: block; position: relative; border-radius:10px; transition:all 0.6s ease; float: left; margin-right:30px;}
.my .myWorks .cover .vbg{width:100%; display: block;}
.my .myWorks .cover .vimg{width:100%; position: absolute; left:0; top:0; z-index:1;}
.my .myWorks .cover .vicon{width:20%; position: absolute; left:50%; top:50%; z-index:2; margin:-10% 0 0 -10%;}
.my .myWorks .wt{font-size:26px; color: #fff; font-weight: bold;}
.my .myWorks .wtime {height: auto; overflow: hidden; margin:15px 0 0 0;}
.my .myWorks .wtime img{width:25px; float: left; margin-right:10px;}
.my .myWorks .wtime span{font-size:16px; color: #999; line-height:1.6;}
.my .myWorks .wb{height: auto; overflow: hidden; display: flex; justify-content:flex-start; align-items: center; margin:20px 0 0 0; }
.my .myWorks .wb li{display: flex; justify-content:flex-start; align-items: center; height: auto; overflow: hidden; font-size:14px; color: #fff; margin:0 5% 0 0; }
.my .myWorks .wb img{width:40px; float:left; margin:0 15px 0 0;}
.my .myWorks .wb span{font-size:14px; color: #fff;}
.my .myWorks .wb p{font-size:20px; color: #fff; font-weight: bold; }
.my .myWorks .rbtn{float: right; display: block; height:40px; line-height:40px; overflow: hidden; border-radius:100px; background:-webkit-linear-gradient(left,#fd4b00,#ffa201); font-size:18px; color: #fff; padding:0 30px; margin:0 0 0 30px;}
.my .myWorks .item:hover{background: #461e19;}

/* sign */
.sign{}
.sign .formbox{height: auto; overflow: hidden; background:url('../images/cbg1.png') no-repeat center bottom; background-size: 100% 100%; padding:50px 100px 50px 0px; margin:0 80px;}
.sign .formbox .form-group {text-align: left; margin:2em 0;}
.sign .formbox .form-group .control-label{color: #fff;}
.sign .formbox .form-group .tips{text-align: left; color:#999; font-size:0.9em; padding:0.5em 0;}
.sign .formbox .form_tips p{text-align: center; color:#666; font-size:0.9em; padding:0em 0;}
.sign .formbox .form-btn{margin:1em 0; padding:1em 0 0 4em;}
.sign .formbox .form-btn button.btn{width:12em; border-radius:10em; display: block; margin:0px auto 20px auto; font-size:1.2em; background:-webkit-linear-gradient(top,#fc4a00,#ff6900); color:#fff; border:0;}

/* upload */
.upload{}
.upload .formbox{height: auto; overflow: hidden; background:url('../images/cbg1.png') no-repeat center bottom; background-size: 100% 100%; padding:50px 100px 50px 0px; margin:0 80px;}
.upload .formbox .form-group {text-align: left; margin:2em 0;}
.upload .formbox .form-group .control-label{color: #fff;}
.upload .formbox .form-group .tips{text-align: left; color:#999; font-size:0.9em; padding:0.5em 0;}
.upload .formbox .form_tips p{text-align: center; color:#666; font-size:0.9em; padding:0em 0;}
.upload .formbox .form-btn{margin:1em 0; padding:1em 0 0 4em;}
.upload .formbox .form-btn button.btn{width:12em; border-radius:10em; display: block; margin:0px auto 20px auto; font-size:1.2em; background:-webkit-linear-gradient(top,#fc4a00,#ff6900); color:#fff; border:0;}
.upload .formbox .form-group .btn{ background:-webkit-linear-gradient(left,#fd4b00,#ffa201); color:#fff;}
.upload .formbox .form-group a.uploadBtn {  
            position: relative;  
            display:inline-block;  
            background:-webkit-linear-gradient(left,#fd4b00,#ffa201);
			color:#fff;
            border-radius: 4px;  
            padding: 4px 12px;  
            overflow: hidden;  
            text-decoration: none;  
            text-indent: 0;  
            line-height: 20px;  
        }  
        .uploadBtn input {  
            position: absolute;  
            font-size: 100px;  
            right: 0;  
            top: 0;  
            opacity: 0;  
        }  
.upload  #videoFile{width:100%; }
.upload  #coverFile{width:100%; display: block;}

/* modal */
.modal-dialog{margin:5% auto !important;}
.modal-dialog .modal-header{border:0; }
.modal-dialog .modal-header .modal-title{font-weight:bold; font-size:22px; margin:0.8rem 0 0 1rem;}
.modal-dialog .modal-content{border-radius:20px; margin:0 0.75rem;}
.loginModal .modal-body{margin:0em 1em 1em 1em; text-align:center;}
.loginModal .modal-body #oauthQrcode{width: 50%; display: block; margin:0px auto 20px auto;}
.loginModal .modal-body p{font-size:16px; color: #333;}
.regModal .modal-body{text-align:left;}
.regModal .form-group .tips{text-align: left; color:#999; font-size:0.9em; padding:0.5em 0;}
.regModal .form_tips p{text-align: center; color:#666; font-size:0.9em; padding:0em 0;}
.regModal .form-btn{margin:1em 0; padding:1em 0 0 0em;}
.regModal .form-btn button.btn{width:12em; border-radius:10em; display: block; margin:0px auto 20px auto; font-size:1.2em; background:-webkit-linear-gradient(top,#fc4a00,#ff6900); color:#fff; border:0;}
.tipsModal .modal-dialog{width:400px; margin:10% auto !important;}
.tipsModal .modal-body {padding:0 1rem 0rem 1rem;}
.tipsModal .modal-body p{text-align: left; color:#333; font-size:0.75rem; line-height:1.8;}
.tipsModal .modal-footer{margin:1em 0; padding:1em 0 0 0em; text-align: center; display: flex; justify-content:center; align-items: center;}
.tipsModal .modal-footer a{ width:40%; margin:0 4%; height:2rem; line-height:2rem; overflow: hidden; font-size:0.75rem; color: #fff; border-radius:2rem;}
.tipsModal .modal-footer a.mbtn{ background:#fc4a00;}
.tipsModal .modal-footer a.mbtn1{ background:#ff6900;}
.videoModal .modal-dialog{width:1000px;}
.videoModal .modal-dialog .modal-body{padding:3em 2em 2em 2em;}
.videoModal .modal-dialog .modal-body h3{text-align: center; font-size:30px; font-weight: bold; color: #000;}
.videoModal .modal-dialog .modal-body video{width:100%; display: block; margin:30px 0;}
.videoModal .modal-dialog .modal-body .modal_btn{width:200px; background:#999; color:#fff;}
.shareModal .modal-dialog{width:345px;}
.shareModal #downLoadImg{ display: block;}
.shareModal .modal-content{border-radius:0px; background:none; margin:0; border:0; box-shadow:none;}
.shareModal .modal-body{padding:0; margin:0; position: relative;}
.shareModal .modal-body .share_code{width:80%; display: block; position: absolute; left:10%; top:55%; z-index:1;}
.shareModal .modal-body .share_code img{width:50%; display: block; margin:0 auto 20px auto;}
.shareModal .modal-body #shareCode{height:auto; overflow: hidden; margin:0 auto 20px auto;}
.shareModal .modal-body #shareCode canvas{ border:8px #fff solid; display: block; margin:0 auto;}
.shareModal .modal-body .share_code p{font-size:14px; color: #fff;}
.shareModal .modal-body .sharebg{width:100%; display: block; margin:0;}
.shareModal .modal-footer {text-align: center; border:0;}
.shareModal .modal-footer .modal_btn{width:200px; border:0; background:-webkit-linear-gradient(left,#fd4b00,#ffa201); color:#fff;}

.shareWorkModal .modal-dialog{width:345px;}
.shareWorkModal #downLoadImg{ display: block;}
.shareWorkModal .modal-content{border-radius:0px; background:none; margin:0; border:0; box-shadow:none;}
.shareWorkModal .modal-body{padding:0; margin:0; position: relative;}
.shareWorkModal .modal-body .sharebox{width:76%; display: block; position: absolute; left:12%; top:40%; z-index:1;}
.shareWorkModal .modal-body .share_works{height: auto; overflow: hidden; background: #fff; border-radius:10px; padding:10px; text-align: left; margin-bottom:20px;}
.shareWorkModal .modal-body .scover{width:100%; height:137px; display: block; margin-bottom:10px;}
.shareWorkModal .modal-body .suser{height: auto; overflow: hidden; border-top:2px #fc4b00 solid; padding:10px 0 0 0;}
.shareWorkModal .modal-body .suser img{width:40px; height:40px; border-radius:40px; display: block; float: left; margin-right:10px;}
.shareWorkModal .modal-body .suser h3{font-size:12px; color: #000; margin:5px 0;}
.shareWorkModal .modal-body .suser h3 strong{font-size:12px; font-weight: bold; margin-right:10px;}
.shareWorkModal .modal-body .suser p{font-size:12px; color: #000; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.shareWorkModal .modal-body .suser p strong{font-weight: bold;}
.shareWorkModal .modal-body .share_code{height: auto; overflow: hidden; text-align: center;}
.shareWorkModal .modal-body .share_code img{width:33%; display: block; margin:0 auto 10px auto;}
.shareWorkModal .modal-body .share_code p{font-size:12px; color: #fff;}
.shareWorkModal .modal-body #shareCode{height:auto; overflow: hidden; display: block; margin-bottom:10px;}
.shareWorkModal .modal-body #shareCode canvas{ border:6px #fff solid;}
.shareWorkModal .modal-body .sharebg{width:100%; display: block; margin:0;}
.shareWorkModal .modal-footer {text-align: center; border:0;}
.shareWorkModal .modal-footer .modal_btn{width:200px; border:0; background:-webkit-linear-gradient(left,#fd4b00,#ffa201); color:#fff;}


label.error { color: red;}

.container {
    margin-right: auto;
    margin-left: auto;
	position: relative;
	z-index:1;
}
@media screen and (min-width:1000px){
	.container {
		width:100%;
		padding:0;
		max-width: 1200px !important;
	}
}
@media screen and (max-width:1000px){
	.container {
	}
	.nav-tabs{margin:0.5rem 0px 2rem 0; }
	.nav-tabs li{height:4.3rem; margin:0; border-left:2px #37110c solid; }
	.nav-tabs>li>a{height:4.3rem; padding:0.5rem 0;  border-radius:0px; border:0; position: relative;}
	.nav-tabs>li>a h1{font-size:1rem; float: none; position: initial; margin-bottom:0.4rem;}
	.nav-tabs>li>a h3{font-size:0.8rem; margin-bottom:0.3rem;}
	.nav-tabs>li>a p{font-size:0.6rem; }
	.nav-tabs>li:first-child{border:0;}
	.panel_tips{font-size:1.6rem; padding:4rem 0;}
	
	
	.topbar .ftop{margin-top:0px;}
	.banner .bimg{display: none;}
	.banner .bimg1{display: block; width:130%; margin:0 0 0 -20%;}
	.sbanner img{width:130%; display:block; margin-left:-20%;}
	.menu{width:50%; height:100%; overflow: hidden; float: none; background:#37110c; position:fixed; right:0; top:0; z-index:1000; transition: all 0.5s ease; transform:translateX(105%); }
	.menu .container{padding:0;}
	.menu ul{height: auto; overflow:hidden; display: block; }
	.menu li{width:100%; height: auto; overflow:hidden; }
	.menu li a{height:3rem; line-height:3rem; font-size:0.85rem;}
	.panel-overlay{}
	.menu.active{width:50%; transform:translateX(0);}
	.menu::after{display:none;}
	.panel-overlay.active{display: block; background: rgba(0, 0, 0, 0.5);}
	.footer{height:3rem; line-height:3rem; background-size:auto 100%; margin-top:2rem;}
	.footer p{font-size:0.6rem;}
	.floatPanel{right:0.5rem; bottom:1rem;}
	.floatPanel a{width:2.5rem; height:2.5rem; font-size:0.7rem; margin-bottom:0.5rem;}
	.floatPanel .menuBtn{display:flex;}
	.floatPanel a:hover{transform:scale(1.2);}
	.mainbody0{padding-bottom:0rem; margin:-4rem 0 0 0; }
	.mainbody{padding-bottom:0rem; margin:-4rem 0 0 0; }
	.box_tit{margin-bottom:1rem;}
	.box_tit h1{font-size:1.4rem; margin-bottom:0.5rem;}
	.box_tit p{font-size:0.7rem;}
	.box_con{padding:0.5rem 0.5rem; font-size:0.7rem; line-height:2;}
	.box_con p{text-indent:2em; }
	.box_con p img{margin:0 0.5rem 0 -1rem;}
	.box_con h2{ height:2rem; line-height:2rem;font-size:0.9rem; border-radius:44px; padding:0 2rem; font-weight: bold; margin:1rem 0 0px 0;}
	.box_con h4{line-height:2; font-size:0.75rem;}
	.box_con h4 img{margin:0 0.5rem 0 -1rem;}
	.box_con h3{color: #fbe04b; font-size:0.75rem;}
	.maintit{width:60%; height:3rem; line-height:3rem; background-size:100% 100%;  font-size:1.4rem; margin:0px auto 1rem auto; }
	.maintit h1{font-size:1.3rem; line-height:3rem;  }
	
	/*index*/
	.index { }
	.pagebg{ display: none;}
	.index .pagebox1{padding:0;}
	.index .pagebox1 .box_con{ background:none;}
	.index .pagebox2{padding:2rem 0 0 0;}
	.index .pagebox2 .box_con{ background:none;}
	.index .pagebox2 .box_con img{ margin:0.5rem 0 0 0;}
	.index .pagebox3{padding:2rem 0 0 0;}
	.index .pagebox3 .box_top{}
	.index .pagebox3 .box_top li{flex:1; height:4.3rem; padding:0.5rem 0; border-left:2px #37110c solid; }
	.index .pagebox3 .box_top li h1{font-size:1rem; float: none; position: initial; margin-bottom:0.4rem; }
	.index .pagebox3 .box_top li h3{font-size:0.8rem; margin-bottom:0.3rem; }
	.index .pagebox3 .box_top li p{font-size:0.6rem; }
	.index .pagebox3 .box_top li:first-child{border:0;}
	.index .pagebox3 .box_list{padding:0.5rem 0rem 1rem 0.5rem; font-size:0.7rem; line-height:2;}
	.index .pagebox3 .box_list dt{ height:2rem; line-height:2rem;font-size:0.9rem; border-radius:44px; padding:0 2rem; font-weight: bold; margin:1rem 0 0px 0;}
	.index .pagebox3 .box_list dd{display: flex; justify-content:flex-start; align-items: center; flex-wrap:wrap;}
	.index .pagebox3 .box_list a{width:100%; font-size:0.75rem; margin:0.5rem 0rem; }
	.index .pagebox3 .box_list a.a1{width:100%;}
	.index .pagebox3 .box_list a.a2{width:100%;}
	.index .pagebox3 .box_con{padding:0.5rem 1rem 1rem 1rem;}
	.index .pagebox3 .box_list1{padding:1.5rem 0rem 0.5rem 0.5rem; line-height:2; border-top:1px #461e19 solid;}
	.index .pagebox3 .box_list1 li{margin-bottom:1rem;}
	.index .pagebox3 .box_list1 li h3{height:2rem; line-height:2rem; font-size:0.9rem; border-radius:44px; padding:0 2rem; font-weight: bold; margin:0;}
	.index .pagebox3 .box_list1 li p{padding-left:0.5rem;}
	.index .pagebox3 .box_list1 li a{font-size:0.75rem;}
	.index .pagebox3 .box_list1 li:first-child{width:100%;}
	.index .pagebox4{padding:2rem 0 0 0;}
	.index .pagebox4 .box_con{padding:0rem 0.5rem 1rem 0.5rem; background:none;}
	.index .pagebox4 .box_con p{margin:0 0 0 0.5rem;}
	.index .pagebox4 .box_con h4{margin:0 0 0 0.5rem;}
	.index .pagebox5{padding:2rem 0 0 0;}
	.index .pagebox5 .box_con{ background:none; padding:0rem 0.5rem 1rem 0.5rem;}
	.index .pagebox5 .box_con p{text-indent:0; margin: 0 0 0 0.5rem; }
	.index .pagebox5 .box_list{ margin:1rem 0; }
	.index .pagebox5 .box_list li{padding:0 0 1.5rem 0.75rem;}
	.index .pagebox5 .box_list li::before{content:''; display: block; width:10px; height:10px; overflow: hidden; border-radius:10px; background: #fbe04b; position: absolute; left:-5px; top:0;}
	.index .pagebox5 .box_list li h3{ font-size:0.85rem; top:-0.75rem;}
	.index .pagebox5 .box_list li h4{margin:-0.5rem 0 0px 0; line-height:2;}
	.index .pagebox5 .box_list li p{ margin: 0;}
	.index .pagebox5 .box_list li:last-child{padding:0 0 0 0.75rem;}
	.index .pagebox6{padding:2rem 0 0 0;}
	.index .pagebox6 .box_con{ background:none;}
	.index .pagebox6 .box_con p{text-indent:0; margin: 0 0 0 0.5rem;}
	.index .pagebox6 .box_con h3{margin:1rem 0 0.5rem 0; line-height:1.5;}
	.index .pagebox6 .box_con h3 strong{ font-size:0.8rem;}
	.index .pagebox6 .box_con h4{ margin: 0 0 0 0.5rem; }
	.index .pagebox6 .box_list{margin:0.5rem 0; }
	.index .pagebox6 .box_list li{width:30%; height:5rem; color: #fff; margin:0.5rem 1.5%; border:2px solid transparent; border-radius:0.5rem;}
	.index .pagebox6 .box_list li h2{height:auto; font-size:0.75rem; margin:0 0 0.5rem 0;}
	.index .pagebox6 .box_list li p{font-size:0.6rem; margin:0 0 0.5rem 0;}
	.index .pagebox6 .box_list li h1{font-size:1rem; }
	.index .pagebox6 .box_list li h1 i{font-size:0.75rem; margin-right:0.3rem;}
	
	.index .pagebox7{padding:2rem 0 0 0;}
	.index .pagebox7 .box_con{padding:0.5rem 0.5rem 1rem 0.5rem; background:none;}
	.index .pagebox7 .box_con p{text-indent:0; line-height:2;}
	
	/* works */
	.works{}
	.mtab{margin-bottom:2rem;}
	.mtit .nav-tabs{width:70%; margin:0px auto 1rem auto;}
	.mtit .nav-tabs li{height:2rem;}
	.mtit .nav-tabs>li>a{height:2rem; }
	.mtit .nav-tabs>li>a h2{font-size:0.8rem; line-height:2rem;}
	.works .stit h2{width:60%;  height:3rem; margin:0.5rem auto 1.5rem auto;  border:2px solid transparent; border-radius:0.5rem; font-size:1.3rem; }
	.vlist{ margin:0.5rem 0 2rem 0; display: block; }
	.vlist li{ width:100%; border-radius:0.5rem; padding:1rem; margin-bottom:1rem;}
	.vlist li .cover{ border-radius:0.5rem; margin-bottom:0.5rem;}
	.vlist li p{font-size:0.8rem;}
	.vtips{margin:1rem 0 0rem 0; font-size:0.65rem;}
	.videoList{margin-bottom:1rem;}
	.videoList dt{width:100%; height:auto; border-radius:0.5rem; padding:1rem; margin-bottom:1rem;}
	.videoList dt a.vcover{border-radius:0.5rem;}
	.videoList dt .vtit{font-size:1rem; margin:0.75rem 0;}
	.videoList dt .vtime p img{width:1rem; margin-right:0.5rem;}
	.videoList dt .vtime p span{font-size:0.7rem;}
	.videoList dt .vtime a.zan{padding:0.5rem 1rem; border-radius:2rem;}
	.videoList dt .vtime a.zan img{width:1rem; margin-right:0.5rem;}
	.videoList dt .vtime a.zan span{font-size:0.8rem; }
	.videoList dt .vcount{margin:0.75rem 0; }
	.videoList dt .vcount li{font-size:0.7rem;}
	.videoList dt .vcount img{width:1.2rem; margin-right:0.3rem;}
	.videoList dt .vcount span{font-size:0.8rem;}
	.videoList dt .vuser{padding:0.5rem 0 0 0;}
	.videoList dt .vuser img{width:2rem; height:2rem; border-radius:2rem; margin-right:0.5rem;}
	.videoList dt .vuser h4{font-size:0.8rem; margin:0.2rem 0 0.3rem 0;}
	.videoList dt .vuser p{font-size:0.65rem;}
	.videoList.prize{ justify-content:center;}
	.videoList.prize::after{display: none;}
	.videoList.prize dt{width:100%; margin:0 0 1rem 0;}
	.videoList.prize dt::before{width:3rem; height:2.8rem; overflow: hidden;background-size: 100% auto; right:0rem; top:-0.7rem;}
	.M-box3{margin-bottom:5rem;}
	/* detail */
	.detail{}
	.detail .topbox{padding:0.5rem 1rem;}
	.detail .topbox .tuser{padding:0.5rem 0 0 0; }
	.detail .topbox .tuser img{width:3rem; height:3rem; border-radius:4rem; margin-right:0.75rem;}
	.detail .topbox .tuser h3{font-size:1rem; margin:0.3rem 0 0.3rem 0;}
	.detail .topbox .tuser h3 span{font-size:0.7rem; margin-left:0.5rem;}
	.detail .topbox .tuser p{font-size:0.65rem; margin:0.5rem 0; float: none;}
	.detail .topbox .tuser h4{font-size:0.85rem; padding:1rem 0 0 0;}
	.detail .topbox .tvideo{ border-radius:0.5rem;margin:1rem 0;}
	.detail .topbox .tcount{margin:1rem 0 0 0; }
	.detail .topbox .tcount li{font-size:0.65rem;}
	.detail .topbox .tcount img{width:1.5rem; margin:0 0.5rem 0 0;}
	.detail .topbox .tcount span{font-size:0.6rem;}
	.detail .topbox .tcount p{font-size:0.85rem; margin-top:0.1rem;}
	.detail .maintit1{margin:2rem 0 1rem 0;}
	.detail .maintit1 a.backbtn{ padding:0.3rem 1.5rem; font-size:0.7rem; margin:0;}
	.detail .maintit1 img{width:2rem; margin:0 0.75rem 0 0;}
	.detail .maintit1 h2{font-size:1rem; line-height:1.6;}
	.detail .commentList li{margin-bottom:1rem;}
	.detail .commentList li .cl{margin-right:0.75rem;}
	.detail .commentList li .cl img{width:2rem; height:2rem; border-radius:2rem; }
	.detail .commentList li .cr h3{font-size:0.85rem; margin:0.3rem 0.75rem 0 0;}
	.detail .commentList li .cr p{font-size:0.7rem;margin:0.2rem 0 0 0;}
	.detail .commentList li .cc{padding:0px 0 0 3rem; font-size:0.7rem; line-height:2;}
	.detail .submitbox{margin:2rem 0 10rem 0;}
	.detail .submitbox .sinput{height:2rem; line-height:2rem; padding:0 1rem;border-radius:2rem; font-size:0.7rem;}
	.detail .submitbox .sbtn{height:2rem; line-height:2rem; padding:0 1rem; border-radius:2rem; font-size:0.8rem; margin:0 0 0 0.5rem;}
	
	/* my */
	.my{}
	.my .topbox{padding:1rem 0.75rem 0.75rem 0.75rem; }
	.my .topbox .tl{margin-right:0.7rem;}
	.my .topbox .tl img{width:3rem; height:3rem; border-radius:3rem;}
	.my .topbox .tc h3{font-size:0.85rem; margin:0.5rem 0;}
	.my .topbox .tc h3 span{font-size:0.7rem; margin-left:0.7rem;}
	.my .topbox .tc p{display:block;}
	.my .topbox .tc p img{width:1rem; margin-right:0.2rem; margin-bottom:0.3rem;}
	.my .topbox .tc p span{font-size:0.65rem; margin:0 0.5rem 0.3rem 0;}
	.my .maintit1{margin:2rem 0 1rem 0;}
	.my .maintit1 img{width:2rem; margin:0 0.75rem 0 0;}
	.my .maintit1 h2{font-size:1rem; line-height:1.6;}
	.my .myWorks a{padding:1rem; background: #461e19; margin-bottom:1rem;}
	.my .myWorks .cover{width:100%; border-radius:0.5rem; margin:0 0 0.75rem 0;}
	.my .myWorks .wt{font-size:0.85rem;}
	.my .myWorks .wtime {margin:0.5rem 0 0 0;}
	.my .myWorks .wtime img{width:1rem; margin-right:0.3rem;}
	.my .myWorks .wtime span{font-size:0.7rem; line-height:1.6;}
	.my .myWorks .wb{margin:0.75rem 0 0 0;justify-content:space-between; }
	.my .myWorks .wb li{font-size:0.6rem; margin:0 0.5rem 0 0; }
	.my .myWorks .wb img{width:1.5rem; margin:0 0.5rem 0 0;}
	.my .myWorks .wb span{font-size:0.6rem;}
	.my .myWorks .wb p{font-size:0.8rem; }
	.my .myWorks .rbtn{height:1.6rem; line-height:1.6rem; font-size:0.7rem; padding:0 0.75rem; margin:0 0 0 0.5rem;}
	
	/* sign */
	.sign{}
	.sign .formbox{padding:0; margin:0; background:none;}
	.sign .formbox .form-group {text-align: left; margin:0.75rem 0;}
	.sign .formbox .form-group .control-label{color: #fff;}
	.sign .formbox .form-group .tips{font-size:0.7rem; padding:0.5rem 0;}
	.sign .formbox .form_tips p{font-size:0.7rem; padding:0;}
	.sign .formbox .form-btn{margin:1rem 0; padding:1rem 0 0 0;}
	.sign .formbox .form-btn button.btn{width:90%;margin:0px auto; font-size:0.8rem;}
	
	/* upload */
	.upload{}
	.upload .formbox{padding:0; margin:0; background:none;}
	.upload .formbox .form-group {text-align: left; margin:0.75rem 0;}
	.upload .formbox .form-group .control-label{color: #fff;}
	.upload .formbox .form-group .tips{font-size:0.7rem; padding:0.5rem 0;}
	.upload .formbox .form_tips p{font-size:0.7rem; padding:0;}
	.upload .formbox .form-btn{margin:1rem 0; padding:1rem 0 0 0;}
	.upload .formbox .form-btn button.btn{width:90%;margin:0px auto; font-size:0.8rem;}
	.upload .formbox .form-group #attachmentFile{}
	
	
	/* modal */
	.modal-dialog{width:100%; margin:10% auto !important;}
	.modal-dialog .modal-header .modal-title{font-size:1rem; margin:1rem 0 0 0.75rem;}
	.modal-dialog .modal-content{border-radius:1rem; margin:0 0.75rem;}
	.loginModal .modal-body #oauthQrcode{width:70%;}
	.loginModal .modal-body #oauthQrcode canvas{width:100%; display: block;}
	.tipsModal .modal-dialog{width:100%; margin:30% auto !important;}
	.tipsModal .modal-body {padding:0 0.5rem 0 1rem;}
	.tipsModal .modal-body p{text-align: left; color:#333; font-size:0.7rem; line-height:1.7;}
	.videoModal .modal-dialog{width:100%;}
	.videoModal .modal-dialog .modal-body{padding:1rem 1rem 0.5rem 1rem;}
	.videoModal .modal-dialog .modal-body h3{font-size:1rem;}
	.videoModal .modal-dialog .modal-body video{margin:1rem 0;}
	.videoModal .modal-dialog .modal-body .modal_btn{width:50%;padding:0.5rem 1rem; font-size:0.7rem; line-height: 1.3333333;}
	.shareWorkModal .modal-body .scover{height:100px;}
}