body { font: 14px/1.5 microsoft yahei; }
/*index*/
.spacebetween{box-sizing: border-box; min-height: 2.2rem;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.flex-start { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: flex-start; align-items:center}
.page-group { width: 100%; overflow: hidden; margin: auto }
.pull-left{float:left}.pull-right{float:right}a:hover{opacity:.8}
.block{display:block}.hide{display:none}
.content { width: 100%; margin: 0 auto}
.lgwrapper{ width:100%; overflow:hidden; position:relative; background:url(../images/loginbg.jpg) center center no-repeat}
.lglogo{ text-align:right}
.lglogo img{ margin:10px 20px 0 0; display:inline-block}
.lgform p{ width:400px; margin:10px auto 30px; padding:10px; overflow:hidden; border-radius:10px; border:solid 1px #666}
.lgform input{ border:none; height:28px; padding:0; margin-left:10px; font-size:16px; line-height:1; background-color:#fff}
.lgform .title{width:422px; margin:30px auto 0; font-weight:normal}
.lgform .sname{ display:inline-block; width:40px; height:28px; vertical-align:top; background:url(../images/lgtags.png) no-repeat}
.lgform .spass{ display:inline-block; width:40px; height:28px; vertical-align:top; background:url(../images/lgtags.png) no-repeat; background-position:-38px 0}
.lgform .submitbtn{ width:150px; height:40px; line-height:40px; display:block; border-radius:20px; margin:auto; text-align:center; background-color:#f2cf2e; color:#333; font-size:20px; font-weight:bold}
.lgcon{ background:none; padding:0}
/*index*/
.banner img{ width:100%}
.navmenu{ background-color:#fad336}
.navmenu ul{ width:1000px; height:43px; padding:10px 0 7px; overflow:hidden; margin:auto}
.navmenu ul li{ width:180px; float:left; text-align:center; height:43px; line-height:40px; overflow:hidden}
.navmenu ul li a{ display:block; font-size:22px; padding:0 20px; border-left:solid 1px #333; color:#333 }
.navmenu ul li:LAST-CHILD a{border-right:solid 1px #333}
.navmenu ul li a.active,.navmenu ul li a:hover{ font-weight:bold; border-bottom:solid 3px #3d8553}
.navmenu .wdslogo{ margin:auto}
.video{width:1200px; min-height:470px; margin:auto; overflow:hidden}
.vdwrapper{float:left; width:970px}
.video .videobox{ width:300px;min-height:170px; float:left; overflow:hidden; margin:60px 10px 0;border: solid 1px #ccc; background-color: #eee}
.video .videobox video{ width:100%; height:100%}
.bang{width:200px; float:left; border:solid 1px #33804e; margin:60px 0}
.bang .title{ text-align:center; background-color:#f1cd36; padding:0; margin:0; padding:5px 0}
.bang .uinfo{ margin:5px; text-align:center; border-bottom:solid 1px #ddd; padding-bottom:10px }
.bang .uinfo:last-child{ border-bottom:none}
.bang .uinfo .userimg{ display:inline-block; vertical-align:top}
.bang .uinfo .userimg img{ width:60px; height:60px; border-radius:100%}
.bang .uinfo .userinfo{ width:100px; display:inline-block}
.bang .uinfo .userinfo p{ margin:0}
.videobox p{height: 30px;overflow: hidden;padding: 0 10px}
.videobox p span{ font-size:16px}
.videobox p span big{ display:inline-block;  font-size:20px; font-weight:bold; margin-right:15px;}
/*mall*/
.mallcon,.ircon,.vfilecon{width:1002px; margin:60px auto; overflow:hidden}
.mallcon .vkecon{width:500px; height:268px; position:relative; float:left; border: dashed 1px #999; border-radius:10px}
.mallcon .vkecon .title{ background-color:#f6ca2b; width:130px; border-radius:0 50px 50px 0; font-size:18px; margin:15px 0 0; padding-left:20px}
.mallcon .vkecon li{ list-style:disc; margin:10px 0}
.mallcon .changebtn{ display:block; width:150px; height:40px; position:absolute; bottom:-20px; left:50%; margin-left:-75px; line-height:40px; border-radius:50px; background-color:#000; color:#f6ca2b; text-align:center; font-size:20px; font-weight:bold}
/*interaction*/
.tw{ position:relative; overflow:hidden}
.ircon .tiwen{ width:970px; height:80px; padding:15px; border:solid 1px #2f7b4d; margin-bottom:10px}
.ircon .zishu{ text-align:right; margin:0; position:absolute; bottom:60px; right:10px;}
.ircon .irsubmit{ width:120px; height:40px; line-height:40px; font-size:20px; border-radius:50px; background-color:#f6ce36; text-align:center; color:#000}
.ircon .title{ display:inline-block; border-left:solid 3px #327d50}
.ircon .title span{ border-radius:0 50px 50px 0; background-color:#000; display:block; padding:5px 20px; margin-left:3px; color:#facd35}
.itrlist{ margin-top:40px}
.itrlist p{ margin:5px 0 10px}
.itrlist .bq span{ border-radius:20px; border:solid 1px #fad336; color:#fad336; padding:0 10px}
.itrlist .answer{ display:inline-block; background-color:#000; color:#fad336; border-radius:20px; padding:0 10px; margin-left:10px; cursor:pointer}
.itrlist .bq .tiwen{ background-color:#eee; border:none; margin-top:20px}
/*person*/
.personcon{ width:800px; min-height:350px; margin:60px auto; text-align:center}
.uploadwrapper{ position:relative}
.uploadwrapper input{ opacity:0; width:120px; height:120px; position:absolute; top:0; left:0}
.uploadwrapper img{ width:120px; height:120px; border:solid 1px #337f4f; border-radius:10px;}
.upbtn a{ text-align:center; display:block; margin-top:10px; background-color:#358351; color:#fff; border-radius:20px; padding:5px 0}
.upimg{display:inline-block; vertical-align:top;margin-right:30px}
.chageninfo{display:inline-block; vertical-align:top}
.chageninfo p input{  border:none;border-bottom:solid 1px #333;}
.chageninfo .savebtn{display:block; width:120px; height:30px; line-height:30px; margin:auto; text-align:center; margin-top:30px; background-color:#f1c62a; color:#333; font-weight:bold; border-radius:20px}
.chageninfo.ended .savebtn{ display:inline-block}
.chageninfo.ended .quitbtn{display:inline-block;width:120px; height:30px; line-height:30px; margin:0 auto 0 10px; text-align:center; margin-top:30px; background-color:#000; color:#f1c62a; font-weight:bold; border-radius:20px}
.chageninfo P{ text-align:left}