.bbody { background: url(../images/bbody.gif) repeat-y left; }
.logform { width: 1000px; margin: auto; padding:120px 0 50px;}
.logleft { width: 680px; border-right: 1px solid #e6e9f0; padding:30px 0 40px; color: #666; min-height:350px; }

.logbox { text-align: center; width: 600px; }
.logbox dt { line-height:30px; font-size: 18px; padding-bottom: 10px; }
.logbox dd { float: left; width:50%; }

.lognote { line-height: 25px; padding-left: 20px; }

.outSuccess { width:500px; margin: auto; text-align: center; padding:100px 0 20px; }
.outSuccess span { display:block; width:60px; height:60px; line-height:60px; text-align: center; margin: auto; font-size:45px; color: #f60; }
.outSuccess h2 { font-size:18px; color: #f30; line-height:60px; }
.outSuccess p { padding:5px 0; line-height: 30px; }
.outSuccess a { display: inline-block; margin: 0 10px; font-size:14px; padding:0 25px; border: 1px solid #ddd; -webkit-border-radius:30px;border-radius:30px; }

.ohter { width:280px; padding: 10px 0; color: #888; }
.ohter dt { line-height:60px; font-size: 18px; border-bottom: 1px solid #e6e9f0; margin-bottom:10px; }
.ohter dd { line-height:35px; font-size:14px; padding:8px 0; }
.ohter dd span { display:inline-block; width:35px; height:35px; vertical-align: middle; font-size:25px; }
.ohter dd a { display:inline-block; color:#fff; padding: 0 20px; -webkit-border-radius:35px;border-radius:35px; }

.regbox { text-align: center; width:350px; margin:auto; font-size: 14px; }
.regbox dt,.regbox dd { float: left; width:20%; color: #888; }
.regbox span { display: block; width:30px; height:40px; margin: auto; font-size:28px; }
.regbox dd { background: url(../images/dian.gif) repeat-x center; height:35px; }
dt.regon { color:#1989fa; }

.regnote {width:400px; margin:auto;color: #f60; font-size:14px; line-height:35px; text-align: center;}
.regnote h4 { font-size: 16px; }
.regnote span { display: inline-block; vertical-align: middle; width:40px; height:35px; font-size:30px; }

.renote { width: 500px; margin: auto; position: relative; min-height:150px; padding:50px 0 100px 120px; line-height:35px; color: #f30; border-top: 1px solid #e9e9e9; }
.renote span { text-align: center;display: block; width: 110px; height: 100px; line-height: 100px; font-size:80px; position: absolute; left: 0;top:40px;}
.renote h2 { font-size:23px; margin-bottom:10px; }
.renote p { color: #666; }
.renote a {display:inline-block; margin-right:25px; font-size:14px;color:#333;border:1px solid #ddd;line-height:35px;-webkit-border-radius:35px;border-radius:35px;padding:0 20px;}
.renote a:hover {border:1px solid #1989fa;transform:translate3d(0px,0px,0px);transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1) 0s;color:#1989fa;}

.shenhe { margin:0; border-top:none; width:100%; }

.subform { width:350px; margin:auto; font-size: 12px; padding:50px 0; color: #666; text-align: center; min-height:260px; }
.subli { padding: 10px 0; text-align: left; }
.subnote { padding:5px 0; text-align: center; color: #0189e0; background: url(../images/xudian.gif) repeat-x center; margin-top:10px; }
.subnote span { display: block; width:230px; margin: auto; background-color: #fff }
.subli p { border:1px solid #e6e9f0; padding:5px 10px; -webkit-border-radius:3px;border-radius:3px; position: relative; }
.subli p span { display:block;position:absolute; right:-1px; top:0; } 
.subli p input { width: 100%; height:30px; line-height: 30px; }
.subli p select { width: 100%; height:30px; line-height: 30px; color:#666; }

.submit { padding:20px 0; }
.submit input { width: 100%; height:40px; color: #fff; background-color: #1989fa; -webkit-border-radius:3px;border-radius:3px; cursor: pointer; }
.submit input:hover { background-color: #137fec; }

.logtitle { text-align: center; font-size: 18px; }
.binduser { text-align: center; font-size:14px; }
.binduser img { display: block; width:80px; height: 80px; margin:10px auto;-webkit-border-radius:5px;border-radius:5px;}

.subohter { width:350px; margin:auto; color: #666; text-align: center; }
.subohter dt { background:url(../images/xudian.gif) repeat-x center; font-size: 14px; }
.subohter dt span { display: inline-block; background-color: #fff; padding: 0 15px; }
.subohter dd { float:left; width: 33.333%; padding:20px 0; }
.subohter dd em { display: block; margin: auto; font-size:35px; }

.mmain { position: relative; padding-left: 228px; }
.mleft { position: absolute; left: 0; top: 0; width:227px; background-color: #f5f7fa; }
.mright { position: relative; }

.mmenu dt { height:60px; text-align:center; padding:20px; }
.mmenu dt img { -webkit-border-radius:100%;border-radius:100%; height:100%; }
.mmenu dd { line-height: 45px; padding: 2px 0; font-size: 14px; }
.mmenu dd i { width:45px; height:45px; display:block; float: right; font-size: 12px; }
.mmenu dd a { display: block; padding: 0 0 0 15px; color: #999; }
.mmenu dd a span { width:50px; height:45px; display: inline-block; vertical-align: middle; text-align: center; color: #ced0d6; font-size:18px; }
.mmenu dd a:hover { background-color: #e1edfa; transform:translate3d(0px, 0px, 0px);transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.mmenu dd a.mon { background:url(../images/mdian.gif) repeat-y left #e1edfa; color:#555; }
.mmenu dd a.mon span { color: #008afe; }
dd.mline { padding: 0 20px; }
dd.mline em { background:url(../images/dian.gif) repeat-x center; display: block; }

.cenleft { font-size: 14px; color: #888; padding:15px 30px; line-height: 30px; }

.userlink { border-left: 1px solid #eee; padding-left:10px; float: left; }
.userlink a.linkon { float:left; border:1px solid #ddd; -webkit-border-radius:28px;border-radius:28px; font-size: 12px; display: inline-block; padding:0 15px; line-height:28px; }
.userlink a.linkon:hover { border: 1px solid #999; background-color:#eee;}
.userlink a.linkon span { color: #aaa; font-size: 16px;}

.mianban { float: left; padding:0 15px; position: relative; }
.domian { line-height:28px; cursor: pointer; }

.userbox { display:none; position:absolute; top:45px; right:-50px; width:500px; -webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px; border: 1px solid #e6e9f0; font-size: 14px; line-height:30px; z-index: 999; background-color: #fff; box-shadow:-3px 3px 2px #eee; }
.userbox:before,.userbox:after { position: absolute; display: block; width: 0; height: 0; border: solid transparent; pointer-events: none;content: "";}
.userbox:before { border-bottom-color: #e6e9f0;border-width: 12px;right:100px;margin-left:-10px;bottom: 100%;}
.userbox:after { border-bottom-color: #fff;border-width: 10px;right:100px;margin-left:-10px;bottom: 100%;}

.user1 { border-bottom: 1px solid #e6e9f0; padding:20px 30px 20px 105px; position: relative; height:60px; }
.user1 dt { position:absolute; left:30px; top:20px; width:60px; }
.user1 dt img { -webkit-border-radius:100%;border-radius:100%; width:100%; }
.user1 b { color: #f30; }

.doline { position: absolute; right:30px; top:30px; width:85px; text-align: center; font-size: 12px; }
.doline a { display: block; line-height:35px; background-color: #1989fa; color: #fff; -webkit-border-radius:5px;border-radius:5px;}
.doline a:hover { color: #ff0; }

.user2 { padding:15px; }
.user2 dd { float: left; width: 25%; text-align: center; }
.user2 dd a { display: block; padding: 10px 0; }
.user2 dd span { display: block; width:30px; height:30px; margin: auto; font-size: 20px; color: #999; }

.user3 { text-align: center; border-top: 1px solid #e6e9f0; line-height:60px; font-size:16px; padding: 5px; }
.user3 span { font-size: 20px; vertical-align: middle; }

.main { padding:80px 30px 30px; }
.welcome { line-height:30px; height:30px; padding:20px 0; color:#888; }
.welcome span,.welcome a,.welcome em { display:block; float:left; }
.welcome span { font-size:20px; margin-right:30px; }
.welcome em { padding: 0 10px; color: #ccc; }
.welcome a { background-color: #ccc; color: #fff; width: 30px; height: 30px;-webkit-border-radius:30px;border-radius:30px; text-align: center; margin: 0 5px; }
.welcome a i { font-size:18px; }
.welcome a.ckon { background-color:#5badff; }

.acount { font-size: 14px; padding-bottom:15px; color: #666; line-height: 25px; border-bottom: 1px solid #e6e9f0; }
.acount b { color: #f30; font-size:18px; }
.acount a { font-size: 12px; }

.pubt { font-size: 16px; padding:20px 0; }

.serlist dl { float: left; width:23%; padding-right:2%; position: relative; }
.serlist dt { -webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; border: 1px solid #e6e9f0; text-align: center; height: 60px; line-height:60px; font-size: 18px; background-color:#f9f9f9; }
.serlist dt i { display: inline-block; vertical-align: middle; font-size: 25px; width:50px; height: 60px; }
.serlist dd { -webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px; border: 1px solid #e6e9f0; border-top: 1px solid #f0f0f0; padding:20px; position:relative; }

.sslist { font-size: 12px; line-height:20px; color: #666; height:200px; }
.sslist li { padding: 5px 10px; }

.sslist p { padding: 5px 10px; }
.sslist h4 { padding: 5px 10px; color: #f30; font-size:14px; }

.dolink { padding:20px 0; border-top: 1px solid #eee; position: absolute; bottom: 0; width: 100%; left: 0; }
.dolink a { display:block; width:60%; margin: auto; -webkit-border-radius:35px;border-radius:35px; line-height:35px; text-align: center; font-size:14px; color: #fff; } 

.zzlist { height: 200px; }
.zzlist p { float: left; width:50%; font-size: 14px; }
.zzlist p a { display: block; text-align: center; line-height:20px; padding:10px 0; }
.zzlist p a span { width: 50px; height: 50px; margin: auto; display: block; font-size: 30px; line-height: 50px; color: #999; }

.mposition { color: #999; font-size:18px; line-height:40px; }
.mposition i { color: #666; }
.mposition em,.mposition span { display: inline-block; vertical-align: middle; height:40px; width:40px; text-align: center; }
.mposition em { font-size: 20px; }
.mposition span { font-size:14px; }

.pubnav { background: url(../images/2x2.gif) repeat-x bottom; padding-top: 10px; }
.pubnav p { float:left; padding: 0 10px; }
.pubnav p a { display: block; line-height:40px; border-bottom: 2px solid #e6e9f0; padding:5px 10px; color: #666; font-size: 14px; }
.pubnav p a.navon { color: #1989fa; border-bottom: 2px solid #1989fa; }

.pubnote { border-bottom: 1px solid #e6e9f0; padding:25px 100px 25px 0; max-width:850px; }
.pubnote h4 { font-size:22px; color: #2f3033; padding:10px 0; }
.pubnote p { font-size: 14px; color:#666f80; padding:10px 0; line-height: 25px; }
.pubnote b { color: #1989fa; padding: 0 5px; }

.pubform { padding:20px 0; }
.mtable { font-size: 14px; max-width:1000px; }
.mtable td { padding:10px 0; color:#666; }
.mtable em { color:#999; }
.mtable font { color:#f30; }
.setRadio p { float:left; padding:5px 25px 5px 0; width:120px;}

.sharelist { padding-bottom:20px; }
.sharelist p { font-size: 14px; line-height:35px; color:#666; padding:15px 0; }
.shemail { border: 1px solid #e6e9f0; -webkit-border-radius:3px;border-radius:3px; width:460px; position: relative; padding:0 150px 0 20px; }
.emails { padding: 25px 0; width: 100%; }
.emaildo { position: absolute; right: 0; color: #555; width:130px; text-align: center; top: 0; border-left: 1px solid #e6e9f0; text-align: center; height:70px; line-height:70px; cursor: pointer; }
.emaildo i { display: inline-block; font-size: 18px; vertical-align: middle; padding-right: 5px; color: #aaa; }

.sharelink { position:relative; padding:0 0 0 260px; }
input.links { padding:10px; width:260px; color: #999; border: 1px solid #eee; -webkit-border-radius:3px;border-radius:3px; position:absolute; left: 0; z-index: -1; }
.sharedo {  color: #555; cursor: pointer; height:42px; }
.sharedo dt,.sharedo dd { float: left; border: 1px solid #d9d9d9; background-color:#fff; line-height:38px; -webkit-border-radius:3px;border-radius:3px; margin: 0 5px; padding:0 15px; }
.sharedo dt { float: left; border: 1px solid #eee; color: #888; }
.sharedo i { display: inline-block; font-size: 18px; vertical-align: middle; padding-right: 5px; color: #aaa; }

.sitehome { padding:20px 0; position: relative; max-width:600px; height:110px; }

.sitehome dt { line-height:30px; height:30px; padding: 5px 0; margin-bottom:10px; }
.sitehome dt h4 { font-size:20px; }
.sitehome dt h4 span { font-size:16px; color:#0189e0; padding-left:30px; }
.typecss { padding-left:30px; font-size: 14px; }
.typecss span { display: inline-block; background-color: #f60; color: #fff; height: 30px; padding: 0 15px; -webkit-border-radius:30px;border-radius:30px; margin-right: 15px; }

.qixian { font-size: 14px; line-height:40px; position: relative; padding: 0 0 0 105px; color: #888;}
.qixian span { display: block; position: absolute; width: 80px; left: 0; line-height:60px; border-right: 1px solid #e6e9f0; }
li.jindu { background-color: #eee; height:10px; width: 100%; clear: both; overflow: hidden; -webkit-border-radius:10px;border-radius:10px; }
li.jindu i { background-color:#67c23a;display:block; height:10px; -webkit-border-radius:10px;border-radius:10px; }

.sitelist { }
.sitelist dl { position:relative; background-color: #f9f9f9; -webkit-border-radius:3px;border-radius:3px; padding:10px 0 0 130px; min-height: 130px; margin-bottom:20px; max-width: 850px;}
.sitelist dt { font-size: 16px; text-align:center; position:absolute; width:120px; left:10px; top:15px; }
.sitelist dt i { display:block; font-size:50px; width:100px; height:80px; margin: auto; line-height: 80px; }
.sitelist dd { padding:10px 20px; position:relative; }

.setlist p { float: left; width:13%; font-size: 14px; }
.setlist p a { display: block; text-align: center; line-height:20px; padding:10px 0; }
.setlist p a span { width: 50px; height: 50px; margin: auto; display: block; font-size:32px; line-height: 50px; color: #999; }

.shopset p { float: left; width:25%; font-size: 14px; }
.shopset p a { display: block; text-align: center; line-height:20px; padding:10px 0; }
.shopset p a span { width:80px; height:80px; margin:0 auto 10px; display: block; font-size:45px; line-height:80px; color: #fff; -webkit-border-radius:5px;border-radius:5px; }

.buyicon { max-width:720px;}
.buyicon p { float: left; width:25%; font-size:14px; }
.buyicon p a { display: block; width:80px; text-align: center; line-height:20px; padding:10px 0; }
.buyicon p a span { width:80px; height:80px; margin:0 auto 10px; display: block; font-size:45px; line-height:80px; color: #fff; -webkit-border-radius:5px;border-radius:5px; }

.linksite { text-align: right; padding: 15px 0 10px; border-top: 1px solid #e6e9f0; }
.linksite a { display:inline-block; text-align: center; background-color: #1989fa; color: #fff; width: 120px; -webkit-border-radius:35px;border-radius:35px; line-height: 35px; }

.stept { font-size: 18px; line-height:50px; padding-bottom: 10px; }
.stepc { font-size: 18px; }
.stepc dt,.stepc dd { float: left; color: #888; text-align: center; line-height: 40px; padding-right: 10px; }
.stepc dt span { display:inline-block; width:40px; height:40px; vertical-align:middle; font-size:28px; margin-right:5px; }
.stepc dd { height:40px; width: 50px; }
.stepc dd span { color: #888; }
dt.stepon { color:#1989fa; }
dt.steplast { float: right; }
dt.steplast a { display: block; color: #999; font-size: 16px; }

.userType { margin-bottom:20px; font-size:14px; text-align:center; line-height:50px; position: relative; min-height:70px; padding: 0 0 0 180px;}
.userType dt { height:50px; position: absolute; width:150px; background-color: #77c0fe; color: #fff; -webkit-border-radius:5px;border-radius:5px; margin-right:25px; left:0; top:0; }
.userType dt span { display: inline-block; width: 30px; font-size: 18px; vertical-align: middle; }
.userType dd { cursor:pointer; float: left; width:120px;  margin:0 15px 15px 0; background-color: #d8fde1; -webkit-border-radius:5px;border-radius:5px; color: #3da756; }
.userType dd.typeon { background-color: #5ed179; color: #fff; }

.nianbiao { margin-bottom:20px; font-size:14px; position: relative; padding: 0 200px 0 180px;}
.nianbiao dt { height:50px; position:absolute; text-align: center; line-height:50px; width:150px; background-color: #77c0fe; color: #fff; -webkit-border-radius:5px;border-radius:5px; left:0; top:0; }
.nianbiao dd.nblink { position:absolute; text-align: center; line-height:35px; width:200px; right:0; }
.nianbiao dd.nbtext { border-bottom: 1px solid #ddd; padding:5px 5px 10px; margin-bottom:10px; } 

.wkshu { padding:80px 20px 20px 220px; position:relative; }

.wklt,.wkrt { display:inline-block; -webkit-border-radius:3px;border-radius:3px; vertical-align:middle; margin:10px; text-align: center; }
.wklt { border: 1px dashed #ddd; padding:80px 25px 0; height:350px; font-size:16px; width:250px; }
.wklt:hover { border:1px dashed #a9d4ff; }
.wklt a,.wklt span { display:block; padding-top:20px; }
.wklt span { width:80px; margin: auto; font-size: 50px; color: #aaa; line-height:100px; }

.wkrt { border: 1px solid #f0f0e8; padding:0; height:430px; font-size:14px; width:300px; -webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0; line-height:25px;}
.wklist img,.wkpic img,.wklist a { display: block; }

.wkpic { position: relative; }
.wkdo { background-color:#f0f0e8; height:50px; padding:15px 0;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
.wkdo span { font-size: 12px; color: #888; }
.wksort { display: none; position: absolute; width:100px; line-height:40px; text-align: center; z-index: 99; left:100px;}
.wk180 { height:180px; top:85px;}
.wk60 { height:60px; top:145px;}
.wksort a { color: #fff; display: block; margin:10px 0; background:rgba(25,137,250,.9); -webkit-border-radius:3px;border-radius:3px; }
.wksort a.huilink {  background:rgba(100,100,100,.9); }
.wksort a.redlink {  background:rgba(255,0,0,.9); }
.wkpic:hover .wksort { display: block; }

.wkview { background-color:#f0f0e8; height:50px; padding:15px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px; text-align: left; position: relative;}
.wkview span { font-size: 12px; color: #888; }
.wkzan { position: absolute; right:15px; top: 15px; padding: 0 10px; background-color: #f30; color: #fff; font-size: 12px; -webkit-border-radius:25px;border-radius:25px; }
.wkzan i { font-size: 14px; padding-right: 5px; }

.wkclass { position:fixed; width:160px; left:0; top:60px; text-align: left; padding:25px 25px 20px 25px; font-size: 12px; line-height:25px; color: #888; box-shadow:3px 3px 4px #e9e9e9; -webkit-border-radius:0 0 10px 0;border-radius:0 0 10px 0; }
.wkclass dt { font-size: 14px; line-height:30px; color: #555; padding-top: 5px; }
.wkclass img { width: 100%; -webkit-border-radius:5px;border-radius:5px; }

.wkupload { padding:30px; max-width:1200px; margin:auto; }
.wkupload .stepc { padding-bottom: 20px; }

.upmain { border: 1px solid #e6e9f0; box-shadow:3px 3px 4px #e9e9e9; -webkit-border-radius:10px;border-radius:10px; position: relative; padding:0 0 0 640px; min-height:550px; }
.upbox { position: absolute; width:620px; left: 0; top: 0; }
.uphandle { padding:140px 0 0; text-align: center; color: #888; }
@keyframes moveback {from{-webkit-transform:translate(0,0px)}65%{-webkit-transform:translate(0,10px)}to{-webkit-transform:translate(0, -0px)}}
.imgtype {
	width:200px; height:150px; background: url(../images/pubimg.png) no-repeat; background-size:100% auto; margin: auto;
	-webkit-animation-name:moveback;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
}
.uplink { width: 120px; margin:0 auto 20px; cursor: pointer;-webkit-border-radius:3px;border-radius:3px; background-color: #333; color: #fff; line-height:40px; font-size: 14px; }
.uplink span { vertical-align: middle; padding-right: 5px; }

.reupload { width:120px; margin:auto; cursor: pointer;-webkit-border-radius:3px;border-radius:3px; background-color: #333; color: #fff; line-height:40px; font-size: 14px; text-align: center; }
.reupload span { vertical-align: middle; padding-right: 5px; }

.setImages { width:400px; height:400px;overflow:hidden;line-height:400px; text-align:center; margin:auto; padding:25px; } 
.setImages img { width:auto; height:auto; max-width:100%; max-height:100%; vertical-align: middle;}

.wzmain { max-width:680px; margin:auto; padding:30px; }
input.maxint { border-bottom: 1px solid #e6e9f0; padding:5px 0; line-height:50px; font-size: 20px; width:100%; height:50px; }
input.minint { border-bottom: 1px solid #e6e9f0; padding:5px 0; line-height:40px; font-size:16px; width:100%; height:40px; }
input.tagint { border-bottom: 1px solid #e6e9f0; border-top: 1px solid #e6e9f0; padding:5px 0; line-height:30px; height:30px; font-size:14px; width:100%; background-color:#f5f5f5; }
.wznote { line-height:40px; font-size: 14px; }
.wztext { border: 1px solid #e6e9f0; padding:5px 8px; -webkit-border-radius:3px;border-radius:3px; }
.wztext textarea { line-height: 25px; width: 100%; height:60px; }

.mainbox { padding:100px 0 0; width:1000px; margin:auto; }
.boxleft { width: 240px; float:left; }
.boxclass { line-height:40px; padding:15px 0; background-color: #fff; margin-bottom: 25px; -webkit-border-radius:5px;border-radius:5px; -moz-box-shadow:2px 2px 3px #e9e9e9; -webkit-box-shadow:2px 2px 3px #e9e9e9; box-shadow:2px 2px 3px #e9e9e9; border:1px solid #e9e9e9; }
.boxclass a { font-size: 14px; color: #888; }
.boxclass li { padding:0 25px 0 35px;background-color:#fff; border-left:3px solid #fff;background: url(../images/dian.gif) repeat-x bottom;}
.boxclass span { font-size: 12px; float: right; color: #888; }
.boxclass li.classon { border-left:3px solid #333; background-color:#f0f0f0;}
.boxclass li.classon a { color: #333; }

.boxright { float:right; width:720px; }
.wzlist dd { padding: 5px 0; margin-bottom:20px; -webkit-border-radius:5px;border-radius:5px; background-color: #f9f9f9; -moz-box-shadow:2px 2px 3px #e9e9e9; -webkit-box-shadow:2px 2px 3px #e9e9e9; box-shadow:2px 2px 3px #e9e9e9; border:1px solid #e9e9e9; }
.wzlist dd:hover { background-color: #eee; -moz-box-shadow:2px 2px 3px #e9e9e9; -webkit-box-shadow:2px 2px 3px #e9e9e9; box-shadow:2px 2px 3px #e9e9e9; transform:translate3d(0px, 0px, 0px);transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s}
.wzlist dd h4 { font-size:23px; line-height:25px; padding: 15px; border-bottom: 1px solid #e6e9f0; }
.wzlist dd p { padding: 15px; line-height: 23px; color: #666; font-size: 13px; }
.wzzan { padding: 0 15px 15px; color: #888; height:28px; line-height: 28px; }
.wzzan em { display: block; float: right; width:100px; height:28px; text-align: center; -webkit-border-radius:28px;border-radius:28px; color: #fff; background-color: #f90;}
.wzhandle { padding:10px 15px; border-top: 1px dashed #ddd; line-height: 30px; font-size: 14px; }
.wzhandle i { display: inline-block; width: 30px; text-align: center; vertical-align: middle;}
.wzhandle a { display: inline-block; border: 1px solid #eee; background-color: #fff; color: #999; padding: 0 15px; margin-right: 10px; -webkit-border-radius:30px;border-radius:30px;}
.wzlist dd:hover .wzhandle a { color: #1989fa; border: 1px solid #1989fa; }
.wzlist dd:hover .wzhandle a:hover { color: #fff; background-color: #1989fa;transform:translate3d(0px, 0px, 0px);transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s}

.phlist dd { padding:15px 25px; height:120px; margin-bottom:20px; -webkit-border-radius:5px;border-radius:5px; background-color: #fff; -moz-box-shadow:2px 2px 3px #e9e9e9; -webkit-box-shadow:2px 2px 3px #e9e9e9; box-shadow:2px 2px 3px #e9e9e9; border:1px solid #e9e9e9; }
.phlist dd h4 { font-size:16px; line-height:25px; padding:10px 15px; }
.phhandle { padding:15px 15px 0; line-height: 30px; font-size: 14px; }
.phhandle i { display: inline-block; width: 30px; text-align: center; vertical-align: middle;}
.phhandle a { display: inline-block; border: 1px solid #ddd; background-color: #fff; color: #888; padding: 0 15px; margin-right:20px; -webkit-border-radius:30px;border-radius:30px;}

.doclass { line-height: 40px; font-size: 14px; }
.doclass span { display: inline-block; vertical-align: middle; font-size:20px; width: 40px; }

.doclass li { padding: 5px 0; }
.doclass li a { display: block; padding: 0 15px; background-color:#f5f5f5; -webkit-border-radius:5px;border-radius:5px; }
.doclass li:hover a { background-color: #f90; transform:translate3d(0px, 0px, 0px);transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; color: #fff;}

.wkfirst { padding:20px 0; }
.wkfirst a,.wkfirst img { display:block; width:100%; }
.wkfirst a { background-color:#f0f0e8; width:240px; float:left; margin-right: 20px; height: 330px; position: relative; }
.wkfirst h4 { padding:15px; line-height:20px; }
.wkfirst span { display: block; width:120px; background-color: #1989fa; color:#fff; text-align: center; height:36px; left: 50%; margin-left:-60px; top:50%; margin-top: -18px; position: absolute; line-height:36px;-webkit-border-radius:36px;border-radius:36px;}
.wkfirst span:hover {background-color:#f60;transform:translate3d(0px,0px,0px);transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1) 0s;}

.qulink { padding:10px 0; }
.qulink a { display:inline-block; width:120px; background-color: #1989fa; color:#fff; text-align: center; height:36px; line-height:36px;-webkit-border-radius:36px;border-radius:36px;}
.qulink a:hover {background-color:#f60;transform:translate3d(0px,0px,0px);transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1) 0s;}

.selectclass { border-bottom:1px solid #e6e9f0; padding:10px 0; font-size:14px; height: 32px; }
.selectclass span { display: block; float: left; margin-right: 20px; line-height:32px; }
.selectclass select { appearance:none;-moz-appearance:none;-webkit-appearance:none; background:url("../images/xiala.gif") no-repeat scroll right center transparent; padding-right:25px; }
.selectclass select::-ms-expand { display: none; }
span.bselect { border:1px solid #ddd; height:30px; line-height:30px; padding:0 5px 0 10px; -webkit-border-radius:3px;border-radius:3px;}

select.slclass { appearance:none;-moz-appearance:none;-webkit-appearance:none; background:url("../images/xiala.gif") no-repeat scroll right center transparent; padding:0 35px 0 10px; line-height:40px; height:40px;border:1px solid #e6e9f0;color:#888;-webkit-border-radius:3px;border-radius:3px;} }
select.slclass::-ms-expand { display: none; }

.userphoto { float:left; width:200px; border-left:1px solid #e6e9f0; padding-left:30px; margin-left: 50px; }
.userphoto img { width:100%; } 
.upphoto { width:200px; margin:20px auto 0; cursor:pointer;-webkit-border-radius:3px;border-radius:3px; background-color: #333; color: #fff; line-height:40px; font-size: 14px; text-align: center; }
.upphoto span { vertical-align:middle; padding-right:5px; }

.coverPic { width:240px; height:280px; } 
.upcover { width:240px; margin:10px 0 0; cursor:pointer;-webkit-border-radius:3px;border-radius:3px; background-color: #333; color: #fff; line-height:40px; font-size: 14px; text-align: center; }
.upcover span { vertical-align:middle; padding-right:5px; }

.tqcss { max-width:80%; font-size: 14px; text-align: center;} 
.tqcss dt { height:45px; line-height:45px; color: #fff; font-size: 16px; }
.tqcss p { float:left; width:18%;}
.tqcss dt p.tq1 { width:28%; background-color:#F05E5F;} 
.tqcss dt p.tq2 { background-color:#949494; } 
.tqcss dt p.tq3 { background-color:#b4b4b4; } 
.tqcss dt p.tq4 { background-color:#c4c4c4; }
.tqcss dt p.tq5 { background-color:#d4d4d4; }
.tqcss dd { border-bottom: 1px solid #e9e9e9; height: 45px; background-color:#fff;color:#666;}
.tqcss dd p.tq1 { width:28%; background: url(../images/dian.gif) repeat-y right;color:#333;} 
.tqcss dd p.tq2 { background: url(../images/dian.gif) repeat-y right; } 
.tqcss dd p.tq3 { background: url(../images/dian.gif) repeat-y right; }
.tqcss dd p.tq4 { background: url(../images/dian.gif) repeat-y right; } 
.tqcss dd p { line-height: 25px; padding: 10px 0;}

.ckboxtd label { display: inline-block; width:120px; padding-bottom:10px; }
.ckboxtd label input { vertical-align: middle; margin-right:5px; }

.deltags a { display:inline-block; margin:5px 10px 5px 0; background-color:#33c16f; padding:0 10px; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; line-height:30px; }
.deltags a:hover { color:#ff0; }
.addtags a { display:inline-block; margin:2px; border:1px dotted #ccc; background-color:#eee; padding:0 10px; }

dl.dlselect dt { background: url(../images/dian.gif) repeat-x bottom; }
dl.dlselect dt span { display:inline-block; line-height:40px; padding:0 10px; font-size: 14px; color: #1989fa; border-bottom: 2px solid #1989fa; }
dl.dlselect dd.tempdd { float: left; padding:15px 10px; width:100px; line-height:30px; }
dl.dlselect dd.tempdd p { margin-bottom: 5px; }

.ltable { width:80%; }
.ltable th { background-color: #fafafa; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; line-height:50px; color: #444; }
.ltable td { border-bottom: 1px solid #e9e9e9; line-height: 25px; padding:10px 0; }
.ltable td i { color: #f30; }
.dback { color: #00a0e9; }

.mydolink { font-size:14px; padding-bottom: 15px; }
.mydolink a { display:inline-block; line-height:30px; color:#57a3f1; border:1px solid #57a3f1;-moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; padding:0 20px; }

.actlink a { display:inline-block; line-height:25px; color:#57a3f1; border:1px solid #57a3f1;-moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; padding:0 15px; }

.mpage { font-size:14px; padding:10px; line-height:30px; }
.mpage a,.mpage span { display:inline-block; padding:0 10px; color:#666; }
.mpage span { background-color:#f60; color: #fff;border-radius:3px; -webkit-border-radius:3px; }