html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
h1,h2,h3,h4,h5,h6,em,i {
    font-weight: 100;
    font-style: normal;
}
ul,ol,li {
    list-style-type: none;
}
a {
    color: #666;
    text-decoration: none;
    outline: 0
}
a:hover {
    text-decoration: none;
}
a {
  color: #212B34;
  outline: none;
  text-decoration: none;
  background-color: transparent;
  box-sizing: border-box;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration-skip: objects;
}
input,button,textarea,select {
 *font-size:100%;
 border:0;
 padding:0;
}
body{font-family: "Arial","Hiragino Sans GB", 微软雅黑, "Helvetica", "sans-serif";min-width: 1300px; }
html,body{ height: 100%;}
html {
  position: relative;
}
.fr{float: right;}
.fl{float: left;}
.clearfix{zoom:1;}
.clearfix:after,.clearfix:before{content:"";display:table;}
.clearfix:after{clear:both;}

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/cf7751b5ae844b6ba1bb6971655846bd.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-yixiajia:before { content: "\e607"; }

.icon-yiguoqi:before { content: "\e577"; }


/*head-wrapper*/
.head-wrapper{height: 70px; background: #FFF url(../images/headbg.jpg) no-repeat center top; border: 1px solid #eee;}
.head-wrapper h1{padding-top: 15px;}
.head-wrapper h1 a{display: inline-block;}
.head-wrapper .headnav{padding-left: 40px;}
.head-wrapper .headnav li{float: left; height: 70px; }
.head-wrapper .headnav li a{float: left;  font-size: 14px; font-family: "微软雅黑"; color: #313131; line-height: 70px; height: 70px; padding-right:28px;}
.head-wrapper .headnav li a:hover{color: #57bc4c;}
.head-wrapper .headnav li a:active{color: #57bc4c;}
.head-wrapper .headnav li a.select{color: #57bc4c;}
.head-wrapper .headnav li em{position:absolute;top:0;left:0;display:inline-block;width:88px;height:30px;-webkit-animation-fill-mode:both;background:url(../images/navactive_ky88.jpg) center center no-repeat;background-size:88px 30px;font-weight:normal; animation: scale 0.5s linear normal forwards; -webkit-animation: pulse 0.5s linear normal forwards;
  -moz-animation: pulse 0.5s linear normal forwards;
  -ms-animation: pulse 0.5s linear normal forwards;
  -o-animation: pulse 0.5s linear normal forwards;}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.5, 0.5);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.5, 0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(0.5, 0.5);
    opacity: 0;
  }
  50% {
    -o-transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    -o-transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -o-transform: scale(1, 1);
    opacity: 1;
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0.5, 0.5);
    opacity: 0;
  }
  50% {
    -moz-transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    -moz-transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1, 1);
    opacity: 1;
  }
}
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(0.5, 0.5);
    opacity: 0;
  }
  50% {
    -ms-transform: scale(1, 1);
    opacity: 1;
  }
  75% {
    -ms-transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -ms-transform: scale(1, 1);
    opacity: 1;
  }

}
.download-box a{height: 70px; line-height: 70px; float: left;}
.download-box a:hover span{color:#57bc4c;}
.download-box span{height: 70px; font-size: 14px; color: #313131; float: left; margin-right: 5px;}
.download-box span.download-app{width: 10px; background: url(../images/iphone.png) no-repeat center center;}
.login-hds{height: 70px; line-height: 70px; margin-left: 10px;}
.login-hds a {padding: 0 10px;color: #898989;font-size: 14px; }
.login-btn-hd{position: relative;}
.login-btn-hd:after {content: '';position: absolute;top: 0px;right: -3px;width: 0;height: 16px;border-left: 1px solid #87959F;}
.user-card-box .user-card-item{width: 40px; height: 40px; display: inline-block; margin-top: 15px; }
.user-card-box .user-card-item img{width: 40px; height: 40px; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%;}
.user-card-box{position: relative;}
.login-hds a:hover {color: #525A67;}
.login-hds a:active {color: #212B34;}
.g-user-card{width: 210px; height: 200px; border-radius: 8px; position: absolute; z-index: 100; background: #FFF;box-shadow: 0 8px 16px 0 rgba(7,17,27,.2); right: 0; top:70px; display: none;}
.card-top{font-size: 18px; color: #313131; padding-top: 15px; padding-left: 15px; padding-bottom: 10px;}
.user-center-box{ border-top:  1px solid #eee; }
.got-box {width: 84px; height: 40px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding-left: 20px;}
.no-br{border-right: none;}
.got-box a{float: left;  height: 40px; text-align: center; line-height: 40px; }
.got-box a span{height: 40px; float: left; font-size: 14px; color: #898989;}
.got-box a:hover span{color: #57bc4c;}
.got-box span.doubt{background: url(../images/doubt.png) no-repeat center center; width: 20px; margin-right: 10px;}
.got-box span.collection{background: url(../images/collection.png) no-repeat center center; width: 20px; margin-right: 8px;}
.got-box span.message{background: url(../images/message.png) no-repeat center center; width: 20px;margin-right: 8px; }
.got-box span.write{background: url(../images/write.png) no-repeat center center; width: 20px;margin-right: 8px; }
.user-center-con{padding: 10px 0; border-bottom: 1px solid #eee;}
.user-center-con ul li{width: 105px; float: left; height: 30px; line-height: 30px; text-align: center;}
.user-center-con ul li a{float: left; color: #313131; font-size: 14px; width: 105px; text-align: center;}
.user-center-con ul li a:hover{ color: #57bc4c; }
.card-sets a{width: 105px; height: 40px; line-height: 40px; text-align: center; color: #898989; font-size: 14px;}
.card-sets a:hover{color: #57bc4c;}
.user-card-box.hover .g-user-card{display: block;}
.message{ width: 60px; margin-right: 10px; position: relative; margin-top: 2px;}
.message-system{float: left; height: 60px; line-height: 60px;}
.message-system1{background: #333; color: #FFF; font-size: 14px; width: 60px; text-align: center; height: 69px; float: left; display: none;}
.message.active .message-system1{display: block;}
.message.active .message-system{display: none;}
.message-icon{width: 60px; background: url(../images/ring.png) no-repeat center center;float: left; height: 70px;}
.dotred{ display: none;width: 5px;height: 5px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #e60012;right: 16px;top: 17px;position: absolute;}
.messagecount{position: absolute; top: 9px; left: 18px; }
.messagecount em{display: inline-block; font-size: 12px; color: #FFF;}
.message-txt{padding-top: 28px; display: block;}

.tips-public{display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);}
.tips-public .shoppinggo{display: none;
  position: fixed;
  left: 50%;
  top: 40%;
  width: 260px;
  z-index: 9999;
  margin-left: -130px;
  background: white;
  border: 1px solid #d8d8d8; 
  border-radius: 6px;}
.tips-public .shoppinggo .del-header1{display: block;
  width: 100%;
  height: 39px;
  font-size: 18px;
  line-height: 39px;
  color: #222;
  font-family: "微软雅黑";
  text-align: center;
  padding-top: 10px;}

.tips-public .shoppinggo .qxIntro1{
  text-align: center;
  font-size: 14px;
  color: #727272;
  line-height: 30px;
  font-family: "微软雅黑";
  margin-bottom: 20px;
}
.tips-public .shoppinggo .qxBtn1{
  height: 50px;
  width: 100%;
  border-top: 1px solid #ebebeb;
}
.tips-public .shoppinggo .qxBtn1 span{
  width: 129px;
  height: 40px;
  float: left;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  cursor: pointer;
  margin: 6px 0;
  font-family: "微软雅黑";
}
.tips-public .shoppinggo .qxBtn1 .ok1{
  border-right: 1px solid #e2e2e2;
  color: #ff7385;
}
.tips-public .shoppinggo .qxBtn1 .ok1:hover{
  color: #ff475f;
}
.tips-public .shoppinggo .qxBtn1 .qx1{
  color: #999;
}
.tips-public .shoppinggo .qxBtn1 .qx1:hover{
  color: #ff7385;
}
.pages,.coursepage{ 
  margin: 20px auto;
  vertical-align: top;
  height: 32px; text-align: center ; }
  .coursepage{display: none;}
.page ul li,.coursepage ul li{display: inline; width: 32px; height: 30px; margin-right: 5px;}
.page a.a1,.coursepage  a.a1{width:50px;}
.page a,.coursepage a,.pages a{display:inline-block;width:32px;line-height:30px;text-align:center;font-size:14px;color: #787878;border: 1px solid #e5e5e5; margin-right: 5px;}

.page a:hover,.coursepage a:hover,.pages a:hover{ color:#57bc4c; text-decoration:none; border: 1px solid #57bc4c; background: none;}
.page a.current,.coursepage a.current,.pages a.current{  background:#57bc4c; border: 1px solid #57bc4c; color:#FFF; font-size: 14px;}
.page a.prev,.coursepage a.prev,.pages a.prev,.page a.next,.coursepage a.next,.pages a.next{background: #FFF; border:1px solid #e5e5e5; color:#787878; font-size: 14px;}


.pages{margin-bottom: 20px;}
.pages .page{ 
  margin: 0 auto;
  vertical-align: top;
  height: 32px; text-align: center;}
.pages .page ul li{display: inline; width: 32px; height: 30px; margin-right: 5px;}
.pages .page a.a1{width:50px;}
.pages .page a{display:inline-block;width:32px;line-height:30px;text-align:center;font-size:14px;color: #787878;border: 1px solid #e5e5e5;}

.pages .page a:hover{ color:#57bc4c; text-decoration:none; border: 1px solid #57bc4c;}
.pages .page span{  display:inline-block;width:32px;line-height:30px; text-align: center;border: 1px solid #e5e5e5; color:#787878; font-size: 14px;}
.pages .page li.active span{background:#57bc4c; border: 1px solid #57bc4c; color:#FFF; font-size: 14px;}
.pages .page a.active{border: 1px solid #57bc4c; color:#57bc4c;}

.pages .page .disabled span{  vertical-align: middle; }
.footer-wrap{
  /**background: #FFF; */
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
}

.wrap12{width: 1200px; margin: 0 auto;}
.footer-bodys{padding-top: 10px;}
.footerLeftTop{float: left; overflow: hidden;}
.footer-wrap .footer-bodys .footerLogo {
  display: inline-block;
  float: left;
  margin-top: 18px;
}
/*footer-help*/
.footer-help{background: #393c40; padding: 57px 0 36px 0;}
.g-flow{width: 1200px; margin:0 auto;}
.introduce{width: 300px;  padding-left: 10px;  padding-bottom: 11px; padding-top:0px;}
.footer-logo a{display: block; width: 200px; height: 51px;}
.footer-column{margin-top: 24px;}
.footer-column a{width: 94px; display:inline-block; font-size: 14px; color:#bfbfbf; line-height: 30px; text-align: center;}
.footer-column a:hover{color: #57bc4c;}
.footer-menu dl{width: 170px; float: left; text-align: center;}
.footer-menu dl dt{font-size: 16px; color: #f4f4f4; line-height: 42px;}
.footer-menu dl dd {font-size: 14px; line-height: 34px;}
.footer-menu dl dd a{font-size: 14px; color: #979797;}
.footer-menu dl dd a.eqone{margin-right: 8px;}
.footer-menu dl dd a:hover{color: #57bc4c;}
.footer-menu dl dd.courseitem{padding: 0 42px;}
.footer-menu dl dd.courseitem a{text-align: center; }
.footer-menu dl dd.courseitem .eqone{margin-right: 8px;}
.firends-website2{background: #2d2d2d; }
.firends-website2 .tag-wrap{padding: 20px 0; }/*border-top: 1px dashed #464646; border-bottom: 1px dashed #464646;*/
.tag-wrap .im{margin-right: 10px; padding-right: 10px; border-right: 1px #434343 solid; font-size: 12px; text-decoration: none; color: #989898;}
.copyright{font-size: 14px; color: #7f7f7f; padding-bottom: 30px; padding-top: 30px;}
.copyright .ml20{margin-left: 20px;}
.appewm{margin-top: 20px; margin-right: 20px;}
.appewm .appewm_pic{width: 90px;height: 90px; background-color: #FFF; text-align: center; padding: 10px; }
.appewm_txt{color: #979797; font-size: 14px; text-align: center; padding-top: 10px;}
.rTips {
  min-width: 200px;
  height: 62px;
  position: fixed;
  padding: 0 10px;
  z-index: 9999;
  top: 40%;
  left: 50%;
  margin-left: -106px;
  margin-top: -31px;
  line-height: 62px;
  background: #000;
  filter: alpha(opacity=50);
  /*ie*/
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  color: white;
  text-align: center;
  font-size: 14px;
  border-radius: 2px;
  display: none;
}