/*basic*/
.hidden {
  display:none;
}
.clear{clear:both;}
.fr{float:right;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.theme-color{color:#25a0b4;}
.lite-red{color:#f97252;}
.lite-gray{color:#aaaaaa;}
.lh10{line-height:10px !important;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.pt20{padding-top:20px;}
.line30{line-height:30px;}
.line30 a{font-size:12px;color:#00a2b4;}
/*ui*/
.ui-btn {display: inline-block;line-height: 32px;width: auto;margin-bottom: 0;vertical-align: middle;font-size: 14px;font-weight: 400;text-align: center;white-space: nowrap;cursor: pointer;background-image: none;border-radius: 2px;border: 0;padding: 0 5px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
         	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       	 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.ui-btn-lite-red{background-color:#f97252;}
.ui-btn-lite-red:hover{background-color:#fa876c;}
.ui-btn-lite-red:active{background-color:#d46146;}
.ui-btn-green {color: #fff;background-color: #449513;}
.ui-btn-green:hover,.ui-btn-green:focus{color:#fff;background-color:#4da916;transition:0.7s;}
.ui-btn-green:active{color:#fff;background-color:#3c8311;transition:0.7s;}

.ui-btn-theme {color: #fff;background-color: #03b8cc;}
.ui-btn-theme:hover,.ui-btn-theme:focus{color:#fff;background-color:#4bafbe;transition:0.7s;}
.ui-btn-theme:active{color:#fff;background-color:#258998;transition:0.7s;}
.ui-btn-theme[disabled]{color: #fff;background-color: #93A3AB;border: 1px solid #93A3AB;}

input.disabled{border: 1px solid #DDD;background-color: #F5F5F5;color:#ACA899;}
input[disabled]{border: 1px solid #DDD;background-color: #F5F5F5;}
.ui-input-ph{color:#aaaaaa;}
.ui-input{
	width:296px;padding:10px;border:1px solid #d6dee3;font-size:14px;line-height:20px;height:20px;
}
.ui-input:hover{
	border: 1px solid #a8b3b9;transition:0.7s;
}
.ui-input:focus{
	border: 1px solid #2ca1b3;transition:0.7s;
}




.ui-btn-login-ico{width:13px;height:13px;display:inline-block;background-position:-120px 0;}
.ui-btn-register-ico{width:13px;height:13px;display:inline-block;background-position:-160px 0;}

.ui-btn:hover{
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.to-index-btn{
	background-color: #f47469;
	padding:8px 14px;
	color: #FFFFFF;
	line-height: 14px;
	font-size: 14px;
	text-decoration:none;
}
.to-index-btn:active{
	background-color: #f47469;
}

.getvaildcode{  cursor: pointer;}
.r1bg{}
.r2bg{min-height:660px;background:url(/images/banner2.jpg) no-repeat;background-size: 100% 100%; -o-background-size: 100% 100%;-moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; transition: background .5s ease-in;}
/* lightSpeedInUp */

@-webkit-keyframes lightSpeedInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(500px);
        transform: translateY(500px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    80% {
        opacity: 1;
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes lightSpeedInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(500px);
        transform: translateY(500px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    80% {
        opacity: 1;
        -moz-transform: translateY(5px);
        transform: translateY(5px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-ms-keyframes lightSpeedInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(500px);
        transform: translateY(500px)
    }
    60% {
        opacity: 1;
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    80% {
        opacity: 1;
        -ms-transform: translateY(5px);
        transform: translateY(5px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes lightSpeedInUp {
    0% {
        opacity: 0;
        transform: translateY(500px)
    }
    60% {
        opacity: 1;
        transform: translateY(-15px)
    }
    80% {
        opacity: 1;
        transform: translateY(5px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

/*
 * qTip2 - Pretty powerful tooltips - v2.2.0
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Sun Dec 15 2013 12:33 EST-0500
 * Plugins: tips viewport imagemap svg modal ie6
 * Styles: basic css3
 */
.qtip{position:absolute;left:-28000px;top:-28000px;display: none;min-width:50px;font-size: 10.5px;line-height: 12px;direction:ltr;box-shadow:none;padding:0;}
.qtip-content{position: relative;padding: 5px 9px;overflow: hidden;text-align: left;word-wrap: break-word;padding: 10px;overflow:hidden;line-height:20px;}
.qtip-titlebar{position: relative;padding:5px 35px 5px 10px;overflow: hidden;border-width: 0 0 1px;font-weight: bold;}
.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }
/* Default close button class */
.qtip-close{position: absolute;right: -9px; top: -9px;cursor: pointer;outline: medium none;border-width: 1px;border-style: solid;border-color:transparent;}
.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px;}
* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */
.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display: block;text-indent: -1000em;direction: ltr;}
.qtip-icon, .qtip-icon .ui-icon{-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;text-decoration: none;}
.qtip-icon .ui-icon{width: 18px;height: 14px;line-height: 14px;text-align: center;text-indent: 0;font: normal bold 10px/13px Tahoma,sans-serif;color: inherit;background: transparent none no-repeat -100em -100em;}
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}
/* Default tooltip style */
.qtip-default{border-width: 2px;border-style: solid;border-color: #edd28b;background-color: #fffef9;color: #555;}
.qtip-default .qtip-titlebar{background-color: #FFEF93;}
.qtip-default .qtip-icon{border-color: #CCC;background: #F1F1F1;color: #777;}
.qtip-default .qtip-titlebar .qtip-close{border-color: #AAA;color: #111;}
/*! Light tooltip style */
.qtip-light{background-color: white;border-color: #E2E2E2;color: #454545;}
.qtip-light .qtip-titlebar{background-color: #f1f1f1;}
/*! Dark tooltip style */
.qtip-dark{background-color: #505050;border-color: #303030;color: #f3f3f3;}
.qtip-dark .qtip-titlebar{background-color: #404040;}
.qtip-dark .qtip-icon{border-color: #444;}
.qtip-dark .qtip-titlebar .ui-state-hover{border-color: #303030;}

/*! Cream tooltip style */
.qtip-cream{background-color: #FBF7AA;border-color: #F9E98E;color: #A27D35;}
.qtip-cream .qtip-titlebar{background-color: #F0DE7D;}
.qtip-cream .qtip-close .qtip-icon{background-position: -82px 0;}


/*! Red tooltip style */
.qtip-red{background-color: #F78B83;border-color: #D95252;color: #912323;}
.qtip-red .qtip-titlebar{background-color: #F06D65;}
.qtip-red .qtip-close .qtip-icon{background-position: -102px 0;}
.qtip-red .qtip-icon{border-color: #D95252;}
.qtip-red .qtip-titlebar .ui-state-hover{border-color: #D95252;}
/*! Green tooltip style */
.qtip-green{background-color: #CAED9E;border-color: #90D93F;color: #3F6219;}
.qtip-green .qtip-titlebar{background-color: #B0DE78;}
.qtip-green .qtip-close .qtip-icon{background-position: -42px 0;}


/*! Blue tooltip style */
.qtip-blue{background-color: #E5F6FE;border-color: #ADD9ED;color: #5E99BD;}
.qtip-blue .qtip-titlebar{background-color: #D0E9F5;}
.qtip-blue .qtip-close .qtip-icon{background-position: -2px 0;}

/*error*/
.qtip-error{background-color: #f97252;border-color: #f97252;color: #FFFFFF;}
.qtip-error .qtip-titlebar{background-color: #f97252;}
.qtip-error .qtip-close .qtip-icon{background-position: -2px 0;}

/*info*/
.qtip-info{background-color: #2ca1b3;border-color: #2ca1b3;color: #FFFFFF;}
.qtip-info .qtip-titlebar{background-color: #2ca1b3;}
.qtip-info .qtip-close .qtip-icon{background-position: -2px 0;}



.qtip-shadow{-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,.qtip-tipsy,.qtip-bootstrap{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.qtip-rounded .qtip-titlebar{-moz-border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;}

/* Youtube tooltip style */
.qtip-youtube{-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 0 3px #333;-moz-box-shadow: 0 0 3px #333;box-shadow: 0 0 3px #333;color: white;border-width: 0;background: #4A4A4A;background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);}
.qtip-youtube .qtip-titlebar{background-color: #4A4A4A;background-color: rgba(0,0,0,0);}
.qtip-youtube .qtip-content{padding: .75em;font: 12px arial,sans-serif;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";}
.qtip-youtube .qtip-icon{border-color: #222;}
.qtip-youtube .qtip-titlebar .ui-state-hover{border-color: #303030;}


/* jQuery TOOLS Tooltip style */
.qtip-jtools{background: #232323;background: rgba(0, 0, 0, 0.7);background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));background-image: -moz-linear-gradient(top, #717171, #232323);background-image: -webkit-linear-gradient(top, #717171, #232323);background-image: -ms-linear-gradient(top, #717171, #232323);background-image: -o-linear-gradient(top, #717171, #232323);border: 2px solid #ddd;border: 2px solid rgba(241,241,241,1);-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 0 12px #333;-moz-box-shadow: 0 0 12px #333;box-shadow: 0 0 12px #333;}

  /* IE Specific */
.qtip-jtools .qtip-titlebar{background-color: transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";}
.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";}
.qtip-jtools .qtip-titlebar,.qtip-jtools .qtip-content{background: transparent;color: white;border: 0 dashed transparent;}
.qtip-jtools .qtip-icon{border-color: #555;}
.qtip-jtools .qtip-titlebar .ui-state-hover{border-color: #333;}


/* Cluetip style */
.qtip-cluetip{-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);background-color: #D9D9C2; color: #111;border: 0 dashed transparent;
}

.qtip-cluetip .qtip-titlebar{background-color: #87876A;color: white;border: 0 dashed transparent;}
.qtip-cluetip .qtip-icon{border-color: #808064;}
.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color: #696952;color: #696952;}
/* Tipsy style */
.qtip-tipsy{background: black;background: rgba(0, 0, 0, .87);color: white;border: 0 solid transparent;font-size: 11px;font-family: 'Lucida Grande', sans-serif;font-weight: bold;line-height: 16px;text-shadow: 0 1px black;}
.qtip-tipsy .qtip-titlebar{padding: 6px 35px 0 10px;background-color: transparent;}
.qtip-tipsy .qtip-content{padding: 6px 10px;}
.qtip-tipsy .qtip-icon{border-color: #222;text-shadow: none;}
.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color: #303030;}


/* Tipped style */
.qtip-tipped{border: 3px solid #959FA9;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background-color: #F9F9F9;color: #454545;font-weight: normal;font-family: serif;}
.qtip-tipped .qtip-titlebar{border-bottom-width: 0;color: white;background: #3A79B8;background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);background-image: -o-linear-gradient(top, #3A79B8, #2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";}
.qtip-tipped .qtip-icon{border: 2px solid #285589;background: #285589;}
.qtip-tipped .qtip-icon .ui-icon{background-color: #FBFBFB;color: #555;}

/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap{
  /** Taken from Bootstrap body */font-size: 14px;line-height: 20px;color: #333333;/** Taken from Bootstrap .popover */padding: 1px;background-color: #ffffff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;}

.qtip-bootstrap .qtip-titlebar{/** Taken from Bootstrap .popover-title */padding: 8px 14px;margin: 0;font-size: 14px;font-weight: normal;line-height: 18px;background-color: #f7f7f7;border-bottom: 1px solid #ebebeb;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}

    .qtip-bootstrap .qtip-titlebar .qtip-close{
      /**
       * Overrides qTip2:
       * .qtip-titlebar .qtip-close{
       *   [...]
       *   right: 4px;
       *   top: 50%;
       *   [...]
       *   border-style: solid;
       * }
       */
      right: 11px;top: 45%;border-style: none;}

  .qtip-bootstrap .qtip-content{
    /** Taken from Bootstrap .popover-content */
    padding: 9px 14px;}

  .qtip-bootstrap .qtip-icon{
    /**
     * Overrides qTip2:
     * .qtip-default .qtip-icon {
     *   border-color: #CCC;
     *   background: #F1F1F1;
     *   color: #777;
     * }
     */
    background: transparent;}

    .qtip-bootstrap .qtip-icon .ui-icon{     
    /**
       * Overrides qTip2:
       * .qtip-icon .ui-icon{       
       *   width: 18px;
       *   height: 14px;
       * }
       */
      width: auto;height: auto;

      /* Taken from Bootstrap .close */
      float: right;font-size: 20px;font-weight: bold;line-height: 18px;color: #000000;text-shadow: 0 1px 0 #ffffff;opacity: 0.2;filter: alpha(opacity=20);}

    .qtip-bootstrap .qtip-icon .ui-icon:hover{/* Taken from Bootstrap .close:hover */color: #000000;text-decoration: none;cursor: pointer;opacity: 0.4;filter: alpha(opacity=40);}


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter: none;-ms-filter: none;}
.qtip .qtip-tip{margin: 0 auto;overflow: hidden;z-index: 10;}

/* Opera bug #357 - Incorrect tip position
https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip{visibility: hidden;}
.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position: absolute;color: #123456;background: transparent;border: 0 dashed transparent;}
.qtip .qtip-tip canvas{ top: 0; left: 0; }
.qtip .qtip-tip .qtip-vml{behavior: url(#default#VML);display: inline-block;visibility: visible;}

#qtip-overlay{position: fixed;left: 0; top: 0;width: 100%; height: 100%;}
/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs{ cursor: pointer; }
/* Change opacity of overlay here */
 #qtip-overlay div{position: absolute;left: 0; top: 0; width: 100%; height: 100%;background-color: black;opacity: 0.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.qtipmodal-ie6fix{position: absolute !important;}




/*page*/
.header-wrap{width:1000px;margin:0 auto;height:100px;}
.header-wrap .logo{height:304px;width:286px;float:left;}
.logo a{padding-top:0px;overflow:hidden;height:72px;width:180px;background:url(../images/logo.png) no-repeat;display:block;}
.header-wrap .to-index{float:right;}
.header-wrap .to-index-btn{margin-top:22px;}
.register-banner{margin:0 auto;margin-top:50px;}
.open-banner{-webkit-animation: lightSpeedInUp 1.5s 1 ease-in-out;animation: lightSpeedInUp 1.5s 1 ease-in-out;-moz-animation: lightSpeedInUp 1.5s 1 ease-in-out;}
.register-banner .banner-wrap{width:316px;margin:0 auto;}
.register-banner .rb1 {
font-size: 36px;
color: #FFFFFF;
line-height: 40px;
text-align: center;
padding-top: 5px;
}
.register-banner .rb2 {
font-size: 14px;
color: #999;
line-height: 48px;
text-align: center;
font-family:"宋体",simSun;
}
.register-banner .rb3 {
font-size: 28px;
color: #FFFFFF;
line-height: 45px;
text-align: center;
width: 400px;
margin: 0 auto;
padding-top: 10px;
}
.register-banner .rb3 em {
width: 46px;
height: 46px;
display: block;
float: left;
background: url("/images/portal-icon-2.png") 0 -40px no-repeat;
}
.register-banner .op-box-bg {
padding: 40px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: rgba(255,255,255,.6);
margin: 0 auto;
max-width: 100%;
}
.register-banner .op-box {
max-width: 100%;
}
.floot{
height:30px;
line-height:30px;
}
.register-banner .control-box {

}
.register-banner .control-box .control-group {
margin-bottom: 10px;
}
.register-banner .control-box .control-group .control-input {
position: relative;
line-height: 40px;
}
.register-banner .control-box .control-group .control-input .ui-input.inp-verfCode {
width: 140px;
}
.register-banner .control-box .control-group .control-input .auth-image {
position: absolute;
top: 2px;
left: 180px;
}
.loginremember_div{
line-height: 20px;
vertical-align: top;
}
.loginremember_div a{float: right;text-decoration: none;color:#00a2b4;}
.loginremember_div input{
vertical-align: middle;
}
.loginremember_div .remember_label{
cursor: pointer;
display: inline-block;
height: 20px;
line-height: 20px;
margin-left:3px;
vertical-align: middle;
}
.btn-getverfycode{font-size: 14px;color: #c49124;width: 150px;height: 40px;background: #ffe7b4;border:0;cursor: pointer;outline: 0;}
.btn-getverfycode:hover{background-color: #f4daa2;}
.btn-getverfycode[disabled],.btn-getverfycode:disabled{background-color: #fff3db;color:#999;}

.passwordBox .ui-input{width:200px;}
.passwordBox .showPwdLabel{font-size:14px;color:#aaaaaa;float:right;}

.register-banner .control-box .control-group .control-input .check-rule input {
float: left;
margin-top: 13px;
margin-right: 5px;
}
.register-banner .control-box .control-group .control-input .refesh-box{
	float: right;
	line-height: 21px;
	color:#999999;
}
.register-banner .control-box .control-group .control-input .refresh-auth {
	font-size: 12px;
	color:#00a2b4;
}
.register-banner .control-box .control-group .control-input .btn-register {
width: 320px;
height: 42px;
line-height: 42px;
}
.btn-full[disabled]{background-color:#ccc;color:#999;}
.register-banner .control-box .control-group .control-input .label-login {
margin-left: 22px;
}
.register-banner .control-box .control-group .control-input .btn-full {
width: 320px;
height: 42px;
line-height: 42px;
margin-top: 10px;
}

.register-banner .control-box .control-group .control-input .btn_role_select {
width: 320px;
height: 142px;
line-height: 142px;
font-size: 28px;
font-weight: 800;
}
.op-box .alink {font-size:16px;}
.op-box .alink  a{font-size:16px;color:#00a2b4;}
.label-tip{
	width:15px;height:16px;position:absolute;right:-25px;top:12px;display:block;display:none;
}
.label-tip-info{
	background:url(/images/portal-icon-2.png) -120px -40px no-repeat; display:none;
}
.label-tip-err{
	background:url(/images/portal-icon-2.png) -80px -40px no-repeat; 
}


.r3{
	width:900px;
	margin:0 auto;
	-webkit-animation: lightSpeedInUp 1.5s 1 ease-in-out;animation: lightSpeedInUp 1.5s 1 ease-in-out;-moz-animation: lightSpeedInUp 1.5s 1 ease-in-out;
}
.r3-head{
	height:65px;
	border-bottom:1px solid #cccccc;
	padding-top:30px;
}
.r3-logo{
	width:110px;
	height:33px;
	overflow:hidden;
	background:url(../images/logo-min.png) no-repeat;
}
.r3-content{
	padding:55px 10px;
	overflow:hidden;
}
.r3-l{
	float:left;
	width:660px;
}
.r3-r{
	float:right;
	width:220px;
}
.register-success{
	color:#39a703;
	font-size:26px;
}
.register-success em{
	background:url(/images/register-success.png) no-repeat;
	width:34px;
	height:34px;
	display:block;
	float:left;
	margin-right:8px;
}
.register-success-info{
	color:#999999;
	font-size:14px;
	margin-top:20px;
}
.registerToUse{
	margin-top:50px;
}
.registerToUseBtn,.registerToTryBtn{
	color:#FFFFFF;
	text-decoration:none;
	line-height:40px;
	width:110px;
	height:40px;
	margin-right:10px;
}
.registerToUseBtn{
	background:#f2756a;
}
.registerToTryBtn{
	background:#03b8cc;
}
.bqr{
	width:220px;
	height:220px;
	background:url(/images/bqr.png) no-repeat;
}
.bqr-info{
	color:#bbbbbb;
	font-size:14px;
	margin-top:10px;
	text-align:center;
}

.trial-box .topic1{
	text-align: center;
	font-size: 18px;
	color: #555;
	line-height: 34px;
	padding-top: 50px;
}
.trial-box .topic2 {
	width: 350px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 40px;
	font-size: 16px;
}
.trial-box .topic3 {
	color: #999;
	font-size: 14px;
	text-align: center;
	margin-top: 40px;
}
.corp-btn,.agent-btn{
	width:160px;
	height:46px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:46px;
	background-color:#03b8cc;
	float:left;
}
.agent-btn{
	margin-left:10px;
}
.err-message{font-size: 12px;color: #FF0000;line-height:30px;}

/*dialog*/
.dialog { display: inline-table;min-width:120px;line-height:30px;padding:6px 3px;top:50%; left:50% }
.dialog .wrapper { display: block;color:#000;border-radius:5px;box-shadow:2px 3px rgba(0, 0, 0, 0.4); }
.dialog .wrapper .body{ display: block; border-radius: 4px;background: #FFF;border: 1px solid #E5E5E5 }
.dialog .wrapper .body .header{ height:40px;line-height:40px;overflow:hidden;color:#666;padding:0px 10px;font-size:14.7px;border-bottom:1px solid #E5E5E5;background:#F7F7F7;border-radius:4px 4px 0px 0px;font-weight:700;cursor:default }
.dialog .wrapper .body .header .close{ color:#999;text-decoration:none;float:right;font-size:18px;font-family:verdana,'Microsoft Yahei',Tahoma,'宋体',Arial;font-weight:700; }
.dialog .wrapper .body .header .close:hover{ color:#333; }
.dialog .wrapper .body .content{ display: block;padding:15px;}
.dialog .wrapper .body .content #Contents{overflow-y: auto;}
.dialog .wrapper .body .footer{ padding:0px 10px;height:40px; }
.dialog .wrapper .body .footer .btn_normal,.dialog .wrapper .body .footer .btn_highlight{ border:1px solid;cursor:pointer; font-size:12px; padding:0 20px; height:30px; line-height:30px; margin-bottom:10px;font-size: 14px;font-weight: normal; }
.dialog .wrapper .body .footer .btn_normal { border:1px solid #ECECEC;font-size: 14px;font-weight: normal; margin-left:10px; background:#ececec; color:#333; background:-webkit-gradient(linear,center bottom,center top,from(#ececec),to(#f4f4f4)); background:-moz-linear-gradient(90deg,#ececec,#f4f4f4); }
.dialog .wrapper .body .footer .btn_highlight { background:#EF6633; background:-webkit-gradient(linear,center bottom,center top,from(#EF6633),to(#EF6633)); background:-moz-linear-gradient(90deg, #EF6633, #EF6633);color:#fff; }
.dialogoverlay { position:fixed;background-color:#000;opacity: 0.4;filter:alpha(opacity=10);top:0px;left:0px; }
.dialogoverlay-confirm { position:fixed;background-color:#000;opacity: 0.4;filter:alpha(opacity=10);top:0px;left:0px; }
.dialogoverlay-alert { position:fixed;background-color:#000;opacity: 0.4;filter:alpha(opacity=10);top:0px;left:0px; }
.dialogoverlay-message { position:fixed;background-color:#fff;opacity: 0.2;filter:alpha(opacity=10);top:0px;left:0px; }
/*message*/
.dialog .wrapper .body .content .message{ min-width:200px;line-height:30px;max-width:500px;padding:6px 3px; }
.dialog .wrapper .body .content .message .icon{ display:inline-block;width:24px;height:24px; }
.dialog .wrapper .body .content .message .success{ background: url(/Images/icon/success.gif) no-repeat;}
.dialog .wrapper .body .content .message .alter{ background: url(/Images/icon/success.gif) no-repeat;}
.dialog .wrapper .body .content .message .waring{ background: url(/Images/icon/error.gif) no-repeat; }
.dialog .wrapper .body .content .message .error{ background: url(/Images/icon/error.gif) no-repeat; }
.dialog .wrapper .body .content .message dt{   padding: 5px 0px 0 0px;  position: absolute;}
.dialog .wrapper .body .content .message dd{   position: relative;
  left: 33px;
  padding-right: 25px; }