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{font:12px microsoft yahei, arial, helvetica, sans-serif; background:#fbfbfb;margin:0; color:#868686; }
table{border-collapse:collapse; border-spacing:0; }
a{text-decoration:none; outline:none; color:#868686;  }
img,.wmx80{-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; -moz-transition:color .4s linear; -webkit-transition:color .4s linear; transition:color .35s linear; color: #1abd9b; }
.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; }
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.oh{ overflow:hidden; }
.pt70{ padding-top:70px}
.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; }
.wrap{width:1200px;}
.pic img{ display:block;}
/*******公共样式结束*********/
.banners{ height:246px; background:#111; padding-top:36px}
.banners .cotb{ width:px;}
.banners .pic{width:126px; height:126px; border-radius:50%; overflow:hidden; margin:0 auto;}
.banners .pic img{ width:126px; height:126px;  display:block; margin:0 auto}
.banners .pic span{ display:block; position:absolute;left:0; width:100%; bottom:0; background: url(../images/home/gbgwu.png) repeat center; padding:0px 0 12px;-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;}
.banners .pic i{line-height:30px; height:20px; display:block; text-align:center; font-size:13px;color:#fff; font-size:15px;-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;}
.banners .pic:hover span{ padding:6px 0}
.banners .pic:hover i{ height:40px; line-height:20px;}
.banners .name{ text-align:center; height:50px; padding:8px 0 10px}
.banners .name b{ font-size:25px; color:#fff; font-weight:normal}
.banners .name i{display: inline-block;  height: 22px;  line-height: 22px;  border-radius: 3px;background: #fff;   padding: 0 6px;     vertical-align: 6px;  margin-left: 10px; color: #6ca620;  cursor: pointer;}
.banners .name .followbg{background: #fff url(../images/aoao365/jia.gif) no-repeat 6px center;padding: 0 6px 0 23px; }
.banners .name img{ vertical-align:text-bottom}
.banners .info{ text-align:center; color:#fff; font-size:15px;}
.banners .info i{ display:inline-block; padding:0 42px; height:21px; line-height:21px; overflow:hidden}
.banners .info em{ display:inline-block; width:1px; height:22px; background:#fff; overflow:hidden}
.banners .bgwu{width: 100%;height: 100%; background: url(../images/home/ygpic.png) no-repeat center; _background: url(../images/home/ygpic.gif) no-repeat center; z-index: 999;top:0; left:0; position: absolute;}

.userconts{ background:#fff; margin-top:26px;}
.userconts .usertle{ border-bottom:1px solid #efefef; padding-left:46px;  padding-top:6px;}
.userconts .usertle li{ cursor:pointer; height:52px; width:130px; line-height:52px; font-size:16px; color:#a6a6a6; text-align:center; border-bottom:2px solid transparent; float:left;}
.userconts .usertle li.active{ border-bottom:2px solid #38b351; color:#38b351;}
.userconts .usertle a{color:#868686}
.userconts .usertle span{   display: block;  height: 40px;  line-height: 40px;  top: 0;  right:15px;  position: absolute;  font-size: 14px;}
.userconts .usertle span a{ line-height: 60px;padding:0 5px; }
.userconts .usertle span a:hover,.userconts .usertle span a.cur{color:#38b351}
/*
.userconts .tabcts{ padding-left:8px;}
.userconts .tabcts dl{position:relative; border:0px solid #e6e6e6; box-shadow:  0px 0px 2px #ccc; margin:26px 10px 0; float:left; padding-bottom:8px; overflow:hidden; top:0; width: 217px;}
.userconts .tabcts dl:hover{box-shadow:2px 2px 2px rgba(0,0,0,0.2); position:relative; top:0px}
.userconts .tabcts dl dt{overflow:hidden; position:relative; border-bottom:1px solid #e6e6e6; height:225px;}
.userconts .tabcts .items dt{height:auto; max-height:400px;}
.userconts .tabcts dl dt img{ width:100%}
.userconts .tabcts dl dt .pic{ position:absolute;}
.userconts .tabcts dl dt .upscr{ position:absolute; top:0; left:0; width:100%; height:50%; z-index:9}
.userconts .tabcts dl dt .downscr{ position:absolute; bottom:0; left:0; width:100%; height:50%; z-index:9}
.userconts .tabcts dl dd{ padding:5px 10px;}
.userconts .tabcts dl dd p{ display:block; margin:8px 0; font-size:13px; color:#424242;}
.userconts .tabcts dl dd p a{height:30px;line-height:30px;display:block;width:200px;overflow:hidden;}
.userconts .tabcts dl dd span{ overflow:hidden; font-size:12px; color:#757575; height:26px; line-height:26px;}
.userconts .tabcts dl dd span img{ vertical-align:-3px; margin-right:6px}
.userconts .tabcts dl dd span i{ float:left}
.userconts .tabcts dl dd span em{ float:right}
*/

.userconts .tabcts{ margin: 0 -13px; padding-top: 20px;}
.userconts .tabcts 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;}
.userconts .tabcts 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;}
.userconts .tabcts dl dt{overflow:hidden; position:relative; border-bottom:1px solid #e6e6e6; height:320px;}
.userconts .tabcts dl dt.listheight{height:320px;}
.userconts .tabcts dl dt img{ width:100%}
.userconts .tabcts dl dt .pic{ position:absolute;}
.userconts .tabcts dl dt .upscr{ position:absolute; top:0; left:0; width:100%; height:50%; z-index:9}
.userconts .tabcts dl dt .downscr{ position:absolute; bottom:0; left:0; width:100%; height:50%; z-index:9}
.userconts .tabcts dl dd{ padding:0px 10px;}
.userconts .tabcts dl dd p{ display:block; margin:8px 0; font-size:13px; color:#424242;}
.userconts .tabcts dl dd p a{height:30px;line-height:30px;display:block;width:200px;overflow:hidden; color: #424242; white-space: nowrap; text-overflow: ellipsis;}
.userconts .tabcts dl dd span{ overflow:hidden; font-size:12px; color:#757575; height:26px; line-height:26px;}
.userconts .tabcts dl dd span img{ vertical-align:-3px; margin-right:6px}
.userconts .tabcts dl dd span ins{ float:left; margin-right: 12px;}
.userconts .tabcts dl dd span i{ float:left}
.userconts .tabcts dl dd span em{ float:right}


.mygrade{ padding:40px 69px;}
.mygrade .title{ text-align:center; font-size:18px; color:#535353; padding-bottom:15px}
.mygrade .gradect label{ padding-top:86px; height:20px; line-height:20px; text-align:center; font-size:14px; float:left; text-align:center; width:70px;}
.mygrade .gradect .mcint{ width:920px; float:right; padding-right:60px;}
.mygrade .gradect .pic{ height:90px; width:0; padding-bottom:3px;}
.mygrade .gradect .pic img{ display:block; width:90px; height:90px; margin:0 auto}
.mygrade .gradect .pic img:hover{-webkit-animation:bounce 1s .2s ease both infinite;-moz-animation:bounce 1s .2s ease both infinite;}
.mygrade .gradect .pic i{ display:block; float:right; display:none}
.mygrade .gradect .bfgline{ height:13px; width:920px; background:url(../images/home/bjhs.png) no-repeat center;}
.mygrade .gradect .bfgline i{ height:13px; width:0; background:url(../images/home/bjys.png) no-repeat left center; display:block}
.mygrade .gradect ul{ padding-top:10px;}
.mygrade .gradect ul li{ width:10%; float:left; text-align:center; font-size:14px; line-height:22px; opacity:0.3}
.mygrade .gradect ul li i{ display:block; color:#1c1c1c}
.mygrade .gradect ul li em{ display:block; color:#5f5f5f}
.mygrade .gradect ul li.on{ opacity:1}
.muntz{ padding:20px 0 120px; width:940px; margin:0 auto}
.muntz li{ width:205px; height:155px; float:left; margin:0 8px; border:7px solid #e4e4e4; text-align:center;}
.muntz li i{ display:block; font-size:18px; color:#535353; padding:25px 0 20px}
.muntz li em{ display:block; height:21px; background:url(../images/home/sjx.png) no-repeat center;}
.muntz li ins{ color:#1c1c1c; font-size:20px; padding-top:20px; display:block;}



@-webkit-keyframes bounce{
0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-15px)}
60%{-webkit-transform:translateY(-5px)}
}
@-moz-keyframes bounce{
0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-15px)}
60%{-moz-transform:translateY(-5px)}
}