@charset "utf-8";
/*global*/
html{
   color:#555;
   background:#fff;
   -webkit-text-size-adjust:none;
   font-weight:lighter;
   font:14px/1.6 'Microsoft YaHei',Tahoma,Verdana,arial,sans-serif;
}
a{
   text-decoration:none;
   color: #555;
}
a:hover{
   color:#888;
   text-decoration:underline;
}
/*clearfix*/
/* float clearing for IE6 */
* html .clearfix{
   height: 1%;
   overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix{
   min-height: 1%;
}
/* float clearing for everyone else */
.clearfix:after{
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
   font-size: 0;
   line-height: 0;
}
.clearfix {
   display: inline-block;
}
/*clear for single use*/
.clear{
   clear:both;
   border:0;
   height:0;
   font-size:0;
   line-height:0;
}
.wrapper{
   width:1000px;
   margin:0 auto;
   display:block;
   position: relative;
}

/*format strong font*/
strong,b{font-weight: bold;}

.hidden{display: none;}
.show{display: block;}

/* site menu*/
.header{
   background: #fff;
   height: 90px;
}
.header .logo{
   background: url("../images/logo.gif") no-repeat;
   width: 280px;
   height: 70px;
   display: inline-block;
   position: absolute;
   top: 19px;
   left: 0;
}
.header .menu{
   width: 600px;
   height:90px;
   display:block;
   position: absolute;
   top: 0;
   right: 0;
}

.header .menu .nav {
   width: 100%;
   height: 46px;
   overflow: hidden;
   margin-top: 15px;
}

.header .menu .nav-item {
   position: relative;
   float: left;
   width: 100px;
   height: 46px;
   line-height: 46px;
   text-align: center;
   font-size: 14px;
   z-index: 1;
}

.header .menu .nav-item a {
   display: block;
   height: 46px;
   color: #555;
   margin: 0 20px;
}
.header .menu .nav-item a.active{
   height: 42px;
   border-bottom: 4px solid #00b011;
   color: #00b011;
}
.header .menu .nav-item a:hover {
   color: #00b011;
   text-decoration: none;
}

.header .menu .move-bg {
   display: none;
   position: absolute;
   left: 0;
   top: 57PX;
   width: 60px;
   margin: 0 20px;
   height: 4px;
   background: #00b011;
   z-index: 0;
}

/* slides*/

.slides {
   width: 100%;
   height: 380px;
   position: relative;
   overflow: hidden;
}

.slideInner {
   height: 380px;
   position: relative;
   left: 0;
   margin-left: 0;
}
.slide1{
   background:#03347d url("../images/banner01.jpg") no-repeat;
}
.slide2{
   background:#151122 url("../images/banner02.jpg") no-repeat;
}
.slide3{
   background:#3131a5 url("../images/banner03.jpg") no-repeat;
}
.slideInner a {
   display: block;
   height: 380px;
   background-position: center center;
   position: relative;
   text-align: left;
   z-index: 1;
}

.obj_a,.obj_b,.obj_c{
   position:absolute;
   z-index:9;
   left:50%;
   width: 1000px;
   text-align:left;
   margin: 0 0 0 -500px;
}
.obj_a{
   top:110px;
   font-size: 37px;
   font-weight: bold;
   color: #fff;
}
.obj_b{
   top:170px;
   font-size: 15px;
   color: #fff;
}
.obj_c{
   top:220px;
}

.navListBox{
   position:absolute;
   left:40%;
   top:350px;
   z-index:99;
}
.navListBox li{
   width:10px;
   height:10px;
   float:left;
   margin-left:10px;
   border-radius:50%;
   overflow:hidden;
}
.navListBox li:first-child{
   margin-left:0;
}
.navListBox li a{
   display:block;
   width: 10px;
   height: 10px;
   border-radius:50%;
   background-color:#fff;
}
.navListBox li a.active{
   background: #ff9000;
}

/* loginbox */
.login{
   width: 1000px;
   height: 380px;
   position: absolute;
   top: 0;
   left: 50%;
   margin: 0 0 0 -500px;
   z-index: 2;
}
.loginbox{
   background:rgba(0, 0, 0, 0.5) !important;
   background:#333;
   box-shadow: 0 0 5px 0 rgba(152, 152, 152, 0.3);
   width: 210px;
   height: 270px;
   float: right;
   margin-top: 40px;
   padding: 15px 25px;
}
.loginbox dt{
   text-align: center;
   font-size: 18px;
   line-height: 45px;

   font-weight: bold;
   color: #fff;
   margin-bottom: 10px;
}
.loginbox dd{
   width: 210px;
   height: 35px;
   display: inline-block;
   margin-bottom: 10px;
   position: relative;
}
.loginbox dd input{
   height: 35px;
   line-height: 35px;
   border: none;
   text-indent: 10px;
   width: 100%;
   color: #555;
   position: absolute;
   top:0;
   left:0;
}
.loginbox dd input.verification{
   width: 104px;
}
.loginbox dd img{
   width: 96px;
   height: 35px;
   position: absolute;
   top:0;
   right: 0;
}
.loginbox dd input.btnlogin{
   background-image: -moz-linear-gradient( 90deg, rgb(255,144,0) 0%, rgb(255,177,76) 100%);
   background-image: -webkit-linear-gradient( 90deg, rgb(255,144,0) 0%, rgb(255,177,76) 100%);
   background-image: -ms-linear-gradient( 90deg, rgb(255,144,0) 0%, rgb(255,177,76) 100%);
   background-color: #f06d1f;
   height: 40px;
   line-height: 40px;
   text-align: center;
   color: #fff;
   font-size: 18px;
   font-weight: bold;
   border: none;
   width: 100%;
   text-shadow: 0 0 1px rgba(217, 130, 18, 1);
}
.loginbox dd input.btnlogin:hover{
   background-image: -moz-linear-gradient( 90deg, rgb(255,152,19) 0%, rgb(255,192,111) 100%);
   background-image: -webkit-linear-gradient( 90deg, rgb(255,152,19) 0%, rgb(255,192,111) 100%);
   background-image: -ms-linear-gradient( 90deg, rgb(255,152,19) 0%, rgb(255,192,111) 100%);
   background-color: #e56112;
}
.loginbox dd.link{
   text-align: right;
   line-height: 35px;
}
.loginbox dd.link a{
   color: #888;
   text-decoration: none;
}
.loginbox dd.link a:hover{
   color: #ccc;
}

/* process */

.process{
   background: #eee;
   height: 100px;
}
.process_a,.process_b{
   width: 495px;
   height: 100px;
   float: left;
}
.process_a{
   margin-right: 10px;
}
.process_a dt,.process_b dt{
   height: 25px;
   margin-top: 10px;
}
.process_a dd,.process_b dd{
   height: 65px;
}
.process_a dt{
   background: url("../images/process_title01.png") no-repeat left;
}
.process_b dt{
   background: url("../images/process_title02.png") no-repeat left;
}
.process_a dd a,.process_b dd a{
   display: inline-block;
   width: 485px;
   height: 38px;
   padding:7px 0 0 10px;
   margin-top: 20px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}
.process_a dd a:hover,.process_b dd a:hover{
   height: 43px;
   padding:12px 0 0 10px;
   margin-top: 10px;
   transition: all .1s linear;
   -webkit-transition: all .1s linear;
   -moz-transition: all .1s linear;
}
.process_a dd a{
   background-color: #00b011;
}
.process_b dd a{
   background-color: #f06d1f;
}

/* homemain */
.homemain{
   margin: 20px auto;
}
.tabbox{
   width:700px;
   float: left;
   margin:0 auto;
   position: relative;
}
.tabbox h2{
   font-size: 16px;
   font-weight: bold;
   color: #00b011;
   line-height: 30px;
   margin-bottom: 5px;
   position: absolute;
   top: 0;
   left: 0;
}
.tabbox .tab{
   width: 100px;
   overflow:hidden;
   float: left;
   margin-top: 35px;
}
.tabbox .tab a{
   float:left;
   width: 100px;
   height: 92px;
   color:#555;
   margin: 10px 0;
}
.tabbox .tab a span{
   background: #fff;
   width: 66px;
   height: 51px;
   display: block;
   text-align: center;
   line-height: 16px;
   padding: 15px 0 0 0;
   margin: 13px;
   background: url("../images/tab_btn.png") no-repeat 0 -66px;
}
.tabbox .tab a:hover,.tabbox .tab a.on{
   background:#eee;
   color:#fff;
   text-decoration:none;
   background: url("../images/tab_bg.png") no-repeat;
}
.tabbox .tab a:hover span,.tabbox .tab a.on span{
   color: #fff;
   background: url("../images/tab_btn.png") no-repeat;
}
.tabbox .content{
   float: left;
   width: 600px;
   height: 500px;
   background: #eee;
   border-radius: 10px;
   overflow:hidden;
   position:relative;
}
.tabbox .content ul{
   position:absolute;
   left:0;
   top:0;
   height:500px;
}
.tabbox .content li{
   width:600px;
   height:500px;
   float:left;
}
.tabbox .content li .item{
   padding:40px 20px;
   height: 420px;
}
.tabbox .content li .item img{
   float: left;
   width: 230px;
   height: 430px;
   margin: 0 40px 0 20px;
}
.tabbox .content li .item h3{
   font-size: 24px;
   font-weight: bold;
   line-height: 30px;
   margin: 30px auto;
}
.tabbox .content li .item dt{
   font-size: 14px;
   font-weight: bold;
   color: #555;
}
.tabbox .content li .item dd{
   font-size: 14px;
   color: #888;
   margin-bottom: 20px;
}
.homemain .rightlist{
   width: 270px;
   float: right;
}
.homemain .rightlist .newslist h2{
   font-size: 16px;
   font-weight: bold;
   color: #00b011;
   line-height: 30px;
   margin-bottom: 5px;
}
.homemain .rightlist .newslist li{
   line-height: 30px;
   position: relative;
   font-size: 12px;
}
.homemain .rightlist .newslist li a:hover{
   color: #00b011;
}
.homemain .rightlist .newslist li span{
   position: absolute;
   top: 0;
   right: 0;
   color: #888;
}
.homemain .rightlist .customerlist h2{
   background: #eee;
   height: 30px;
   position: relative;
   font-size: 16px;
   font-weight: bold;
   color: #00b011;
   line-height: 30px;
   margin: 40px 0 5px 30px;
   text-indent: 30px;
}
.homemain .rightlist .customerlist h2 img{
   position: absolute;
   left: -30px;
   bottom: 0;
   z-index: 2;
}
.homemain .rightlist .customerlist h2 span{
   position: absolute;
   right: 10px;
   height: 30px;
   line-height: 30px;
   font-size: 12px;
   font-weight: normal;
   color: #888;
}
.homemain .rightlist .customerlist dt{
   font-size: 14px;
   line-height: 25px;
   margin-bottom: 5px;
}
.homemain .rightlist .customerlist dd li{
   width: 90px;
   height: 23px;
   margin-bottom: 5px;
   float: left;
}
.homemain .rightlist .customerlist dd li a{
   background: url("../images/icon_customer_qq.png") no-repeat;
   width: 83px;
   height: 23px;
   display: block;
   color: #fff;
   font-size: 12px;
   line-height: 23px;
   text-indent: 25px;
   text-align: center;
}
.homemain .rightlist .customerlist dd li a:hover{
   text-decoration: none;
}
.homemain .rightlist .customerlist dd li a.outline{
   background-position: 0 -23px;
   text-decoration: none;
   cursor: not-allowed;
}

/* medialist */

.homemain .medialist{
   clear: both;
   border-radius: 10px;
   background: url("../images/bg_dot.png");
   border: 1px solid #eee;
   height: 88px;
   margin-top: 20px;
}
.homemain .medialist ul{
   width: 980px;
   margin: 0 auto;
}
.homemain .medialist li{
   width: 60px;
   height: 60px;
   line-height: 60px;
   float: left;
   text-align: center;
   font-weight: bold;
   margin: 15px 4px 0 4px;
}

/* footer */
.footer dl{
   margin: 20px 0 20px 165px;
}
.footer dt{
   background: url("../images/b-2.png") no-repeat;
   width: 129px;
   height: 53px;
   display: block;
   float: left;
}
.footer dd{
   float: left;
   margin: 5px 0 0 40px;
}
.footer dd .foottoplink a{
   margin-right: 45px;
   font-weight: bold;
}
.footer dd .footbtmlink{
   margin-top: 15px;
}
.footer dd .footbtmlink li{
   line-height: 25px;
}

/* subbanner */

.subbanner{
   height: 205px;
}
.subbanner .sub_obj_a,.subbanner .sub_obj_b{
   position: absolute;
   width: 100%;
   z-index: 9;
   left: 0;
}
.subbanner .sub_obj_a{
   font-size: 28px;
   color: #fff;
    font-weight: bold;
   top: 65px;
}
.subbanner .sub_obj_b{
   font-size: 14px;
   color: #a9d547;
   top: 105px;
}
.subbanner_webmaster{
   background: #3b3d43 url("../images/navbanner.jpg") no-repeat center top;
}
.subbanner_advertiser{
   background: #3b3d43 url("../images/navbanner.jpg") no-repeat center top;
}
.subbanner_help{
   background: #3b3d43 url("../images/navbanner.jpg") no-repeat center top;
}
.subbanner_contact{
   background: #3b3d43 url("../images/navbanner.jpg") no-repeat center top;
}
.subbanner_register{
   background: #3b3d43 url("../images/navbanner.jpg") no-repeat center top;
}
.subbanner_article{
   background: #3b3d43 url("../images/navbanner.jpg") no-repeat center top;
}
.cd-words-wrapper {
   display: inline-block;
   position: relative;
}
.cd-words-wrapper b {
   display: inline-block;
   position: absolute;
   white-space: nowrap;
   left: 0;
   top: 0;
}
.cd-words-wrapper b.is-visible {
   position: relative;
}
.cd-headline i{
   font-style: normal;
   font-weight: lighter;
}

/* xscale */

.cd-headline.scale i {
   display: inline-block;
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
}
.is-visible .cd-headline.scale i {
   opacity: 1;
}
.cd-headline.scale i.in {
   -webkit-animation: scale-up 0.6s forwards;
   -moz-animation: scale-up 0.6s forwards;
   animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
   -webkit-animation: scale-down 0.6s forwards;
   -moz-animation: scale-down 0.6s forwards;
   animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
   opacity: 1;
}

@-webkit-keyframes scale-up {
   0% {
      -webkit-transform: scale(0);
      opacity: 0;
   }
   60% {
      -webkit-transform: scale(1.2);
      opacity: 1;
   }
   100% {
      -webkit-transform: scale(1);
      opacity: 1;
   }
}
@-moz-keyframes scale-up {
   0% {
      -moz-transform: scale(0);
      opacity: 0;
   }
   60% {
      -moz-transform: scale(1.2);
      opacity: 1;
   }
   100% {
      -moz-transform: scale(1);
      opacity: 1;
   }
}
@keyframes scale-up {
   0% {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      opacity: 0;
   }
   60% {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 1;
   }
   100% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
@-webkit-keyframes scale-down {
   0% {
      -webkit-transform: scale(1);
      opacity: 1;
   }
   60% {
      -webkit-transform: scale(0);
      opacity: 0;
   }
}
@-moz-keyframes scale-down {
   0% {
      -moz-transform: scale(1);
      opacity: 1;
   }
   60% {
      -moz-transform: scale(0);
      opacity: 0;
   }
}
@keyframes scale-down {
   0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   60% {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      opacity: 0;
   }
}

/* subprocess */
.subprocess{
    background: #f3f3f3;
    height: 120px;
    padding: 10px 0;
}
.subprocess ul{
    width: 801px;
    height: 120px;
    margin: 0 auto;
}
.subprocess li{
    font-size: 0;
    float: left;
    display: inline-block;
}
.subprocess li.step img{
    vertical-align: middle;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
.subprocess li.step:hover img{
    -webkit-transform: rotate3d(0, 1, 0, 360deg);
    -moz-transform: rotate3d(0, 1, 0, 360deg);
    -ms-transform: rotate3d(0, 1, 0, 360deg);
    transform: rotate3d(0, 1, 0, 360deg);
}
.subprocess li.arrow{
    height: 45px;
    padding: 75px 10px 0 10px;
}

/* content_webmaster */
.content_webmaster{
    border-bottom: 1px solid #eee;
    padding-bottom: 40px;
    margin-bottom: 20px;
}
.content_webmaster h2{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin: 40px 0;
    line-height: 40px;
    color: #00b011;
}
.content_webmaster .list{
    float: left;
    width: 460px;
    height: 120px;
    display: inline-block;
    position: relative;
    margin: 20px;
    cursor: pointer;
}
.content_webmaster .list:hover{
    margin: 10px 20px 30px 20px;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
}
.content_webmaster .list img{
    width: 85px;
    height: 85px;
    position: absolute;
    left: 0;
    top: 0;
}
.content_webmaster .list dl{
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 100px;
}
.content_webmaster .list dt{
    font-size: 16px;
    font-weight: bold;
    color: #555;
    margin-bottom: 5px;
    line-height: 30px;
}
.content_webmaster .list dd{
    color: #888;
}

/* content_advertiser */
.content_advertiser{
    border-bottom: 1px solid #eee;
    padding-bottom: 40px;
    margin-bottom: 20px;
}
.content_advertiser .list{
    margin: 40px 0;
    height: 257px;
    cursor: pointer;
    position: relative;
}
.content_advertiser .list img{
    position: absolute;
    top: 0;
    width: 257px;
    height: 257px;
}
.content_advertiser .list dl{
    position: absolute;
    width: 480px;
    top: 80px;
}
.content_advertiser .list dl dt{
    font-size: 24px;
    font-weight: bold;
    color: #555;
    line-height: 30px;
    margin-bottom: 5px;
}
.content_advertiser .list dl dd{
    font-size: 14px;
    color: #888;
}
.content_advertiser .list01 img{
    left: 60px;
}
.content_advertiser .list01 dl{
    right: 60px;
}
.content_advertiser .list02 img{
    right: 60px;
}
.content_advertiser .list02 dl{
    left: 60px;
}
.content_advertiser .list01:hover img{
    left: 90px;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
}
.content_advertiser .list01:hover dl{
    right: 90px;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
}
.content_advertiser .list02:hover img{
    right: 90px;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
}
.content_advertiser .list02:hover dl{
    left: 90px;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
}

/*content_article*/
.content_article{
    border-bottom: 1px solid #eee;
    padding-bottom: 40px;
    margin-bottom: 20px;
}
.content_article .articleshow{
    margin-top: 40px;
}
.content_article .articleshow h2{
    padding-bottom: 10px;
    text-align: center;
    font-size: 24px;
    line-height: 35px;
    border-bottom: 1px dotted #eee;
    margin-bottom: 20px;
}
.content_article .articleshow h2 span{
    display: block;
    color: #888;
    font-size: 12px;
    margin-top: 5px;
}
.content_article .articleshow p{
    width: 100%;
    display: inline-block;
    margin: 10px 0;
}
.content_article .articleshow img{
    width: 800px;
    height: auto;
}

/*content_help*/
.content_help{
    border-bottom: 1px solid #eee;
    padding-bottom: 40px;
    margin-bottom: 20px;
}
.content_help .helptab .tab_title{
    background: #f3f3f3;
    height: 80px;
    text-align: center;
}
.content_help .helptab .tab_title span{
    margin-top: 35px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    font-size: 16px;
    width: 200px;
    cursor:pointer;
}
.content_help .helptab .tab_title .current{
    background: #fff url("../images/icon_user.png") no-repeat 20px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #00b011;
    text-indent: 15px;
}
.content_help .helptab .tab_content .hide{
    display:none;
}
.content_help .helptab .tab_content ul{
    padding:5px 10px;
    overflow:hidden;
}
.content_help .helptab .tab_content ul li{
    padding-top:5px;
    height:20px;
}
.content_help .helptab .tab_content .helplist{
    width: 700px;
    margin: 40px auto 0 auto;
}
.content_help .helptab .tab_content .helplist dl{
    padding: 10px 0;
}
.content_help .helptab .tab_content .helplist dt{
    cursor: pointer;
    margin-bottom: 5px;
    font-size: 16px;
}
.content_help .helptab .tab_content .helplist dd{
    background: #f3f3f3;
    color: #888;
    padding: 20px;
    border-radius: 10px;
    display: none;
}
.content_help .helptab .tab_content .helplist dd p{
    margin-bottom: 5px;
}
/* content_contact */
.content_contact{
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.content_contact .aboutus{
    padding: 40px 0;
}
.content_contact .aboutus h2{
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    color: #00b011;
    margin-bottom: 20px;
}
.content_contact .aboutus p{
    line-height: 30px;
}
.content_contact .contactus{
    background: #f3f3f3;
    padding: 40px 0;
}
.content_contact .contactus .contactlist{
    background: url("../images/bg_contact.png") no-repeat 0 0;
    min-height: 240px;
    padding-left: 320px;
    display: inline-block;
}
.content_contact .contactus .contactlist dl{
    margin-top: 20px;
}
.content_contact .contactus .contactlist dt{
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px;
}
.content_contact .contactus .contactlist dd li{
    width: 90px;
    height: 23px;
    margin-bottom: 5px;
    float: left;
}
.content_contact .contactus .contactlist dd li a{
    background: url("../images/icon_customer_qq.png") no-repeat;
    width: 83px;
    height: 23px;
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 23px;
    text-indent: 25px;
    text-align: center;
}
.content_contact .contactus .contactlist dd li a:hover{
    text-decoration: none;
}
.content_contact .contactus .contactlist dd li a.outline{
    background-position: 0 -23px;
    text-decoration: none;
    cursor: not-allowed;
}

/* content_register */
.content_register{
    border-bottom: 1px solid #eee;
    padding-bottom: 40px;
    margin-bottom: 20px;
}
.notice{
    height: 60px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
    background: #f3f3f3;
}
.notice span{
    color: red;
}
.registerlist{
    width: 800px;
    margin: 10px auto;
    border-radius: 5px;
    border: 1px solid #eee;
    background: #fff;
    min-height: 100px;
}
.registerlist h2 {
    background-image: -moz-linear-gradient( 90deg, rgb(59,61,67) 0%, rgb(59,61,67) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(59,61,67) 0%, rgb(59,61,67) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,176,17) 0%, rgb(9,200,28) 100%);
    background-color: #00b011;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-indent: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
   border-bottom: 1px solid #eee;
}
.registerlist .listbox{
    padding: 20px 0;
}
.formlist dt,.formlist dd{
    float: left;
    min-height: 40px;
    line-height: 40px;
}
.formlist dt{
    width: 140px;
    text-align: right;
    padding: 0 15px 0 0;
}
.formlist dt em{
    color: red;
    padding-right: 5px;
}
.formlist dd.inputarea{
    width: 260px;
    padding-right: 10px;
}
.formlist dd.inputarea span{
    margin-right: 20px;
}
.formlist dd select{
    width: 252px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    border-radius: 2px;
   background-color: #fff;
    border: 1px solid #eee;
    color: #888;
}
.formlist dd .inputform{
    width: 240px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 0 5px;
    color: #888;
}
.formlist dd .inputform:focus{
    border: 1px solid #00b011;
    box-shadow: 0 0 5px #00b011;
}
.formlist dd.inputips{
    color: #888;
    font-size: 12px;
}
.registerbtn{
    text-align: center;
    padding: 20px 0;
}
.buttonregister{
    border: none;
    border-radius: 2px;
   background-image: -moz-linear-gradient( 90deg, rgb(255,144,0) 0%, rgb(255,177,76) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,144,0) 0%, rgb(255,177,76) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,144,0) 0%, rgb(255,177,76) 100%);
    background-color: #f06d1f;
    width: 300px;
    line-height: 45px;
    height: 45px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 119, 158, 0.004);
    font-size: 14px;
}
.buttonregister:hover{
    background-image: -moz-linear-gradient( 90deg, rgb(255,152,19) 0%, rgb(255,192,111) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,152,19) 0%, rgb(255,192,111) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,152,19) 0%, rgb(255,192,111) 100%);
    background-color: #e56112;
    text-decoration: none;
}

/* rule */
.rule{
    width: 760px;
    height: 95px;
    padding: 20px;
    border-radius: 5px;
   border: 1px solid #d6d6d6;
    overflow-y: scroll;
    margin: 0 auto;
    color: #888;
    font-size: 12px;
}

.tipsbox{
   max-width: 400px;
   border: 1px solid #eee;
   margin: 100px auto;
   background: #fff;
   text-align: center;
}
.tipsbox dt{
   line-height: 30px;
   height: 30px;
   font-size: 16px;
   background: #00b011;
   color: #fff;
   margin-bottom: 10px;
}
.tipsbox dd{
   padding: 10px;
   line-height: 30px;
   margin: 10px;
}
.r_error{
   line-height: 24px;
   font-size: 12px;
   color:red;
}