body { font:14px/1.8 "\5FAE\8F6F\96C5\9ED1"; background:#f2f2f2; color:#333; padding-top:66px; min-width:1280px; }
a{ outline: none; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}

/* 20170909 overlay*/
.overlay{ position: fixed; display: none; top: 0px; width: 100%; z-index: 10; height: 100%;}
.overlay .bg{ position: absolute; top: 0px; left: 0; opacity: 0.6; width: 100%; z-index: 12; height: 100%; background: rgb(0, 0, 0);}
.overlay #login_container{position: fixed; width: 562px; height: 332px; left: 50%; top: 50%; margin-left: -281px; margin-top: -211px; z-index: 15; background-color: white; text-align: center; }
/* common */
input[type="text"],input[type="password"],input[type="number"] { border:1px solid #ccc; padding:5px 0; text-indent:0.8em; height:30px; line-height:30px; }
h1,h2,h3,h4,h5 { font-family:"\5FAE\8F6F\96C5\9ED1"; font-weight:normal; }
.pr { position:relative; }
.dn { display:none; }
.wrap { width:1280px; margin:0 auto; }
.wrapMin { width:812px; margin:0 auto; }

.cb:after { display:block; clear:both; content:""; visibility:hidden; height:0; }
.cb { zoom: 1; } /* ie6 */
.cb_1, .cb_2, .cb_3, .cb_4, .cb_5, .cb_6, .cb_7, .cb_8, .cb_9, .cb_10, .cb_11, .cb_12 { float:left; }
.cb_2 { width:16.6666%; }
.cb_3 { width:25%; }
.cb_4 { width:33.3333%; }
.cb_5 { width:41.6666%; }
.cb_6 { width:50%; }
.cb_7 { width:58.3333%; }
.cb_8 { width:66.6666%; }
.cb_9 { width:75%; }
.cb_10 { width:83.3333%; }
.cb_12 { width:100%; }


.btn { display:inline-block; line-height:20px; text-decoration:none; text-align:center; }
.btn_submit { width:100%; background:#3eb74f; color:#fff; font-size:16px; height:40px; line-height:40px; }
.btn_code { position:absolute; right:-2px; top:0; width:120px; height:40px; line-height:40px; color:#808080; border:1px solid #c8c8c8; }
.btn_hasaccount{width:100%;color:#aaaaaa; font-size:16px; height:40px; line-height:40px;border:1px solid #aaaaaa;}

.bc_red { border-color:#3eb74f !important; }
.bc_green { border-color:#3eb74f; }
.fc_red { color:#eb6877; }
.fc_blue { color:#56affb; }
.fc_gray { color:#ccc; }
.fc_green { color:#3eb74f; }
.bgc_green { background:#3eb74f !important; color:#fff !important; border-color:#3eb74f !important; }
.m_codeBtn .bgc_gray{background:#ccc !important; color:#fff !important; border-color:#ccc !important; }

.z99 { z-index:99 !important; }
.z9 { z-index:9; }


.txtr { text-align:right; }
.txtc { text-align:center; }
.fn_changeValiedCode { cursor:pointer; }
input, .btn { border-radius:2px; }
input[type="text"]:focus,input[type="password"]:focus,,input[type="number"]:focus { border-color:#99d2a1; }

.tipstxtr{height:36px;overflow:hidden;padding-top:4px;}
.tipstxtr span{float:left;height:40px;line-height:16px;text-align:left;font-size:12px;color:red;}
.tipstxtr span a{color:#fff;}
.tipstxtr span a:hover{text-decoration:underline;}
.tipstxtr a.par{float:right;height:40px;line-height:40px;}

/********** head ********/
#g_hd { z-index:9; position:absolute; left:0; top:0; width:100%; height:66px; background:url(../image/bgBlack80.png); min-width: 1280px; opacity:0.9; }
#g_hd .wrap{ width: 1280px;}
.m_dhLogo { position:absolute; left:0; top:0; width:180px; height:66px; text-indent:-9999em; background:url(../image/loginDhLogin.png) center center no-repeat; }
.m_hdMenu { padding-left:230px; overflow:hidden; }
.m_hdMenu li { float:left; height:66px; line-height:66px; }
.m_hdMenu a { padding:0 20px; display:block; text-decoration:none; color:#b7b7b7; }
.m_hdMenu .crt a { color:#fff; border-bottom:2px solid #3eb74f; line-height:64px; }
.m_hdMenu a:hover { color:#fff; }

/****** footer *******/
#g_ft { box-shadow:0 0 5px -1px #aaa; width: 100%; min-width: 1040px;}


/*********** dialog ***********/
.w_bg { z-index: 2048; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.3; filter:alpha(opacity=30); /*ie6*/_position:absolute; }
.w_win { z-index: 2048; position:fixed; left:50%; top:50%; border-radius:3px; border:1px solid #aaa; background:#fff; /*ie6*/_position:absolute; display: none;
/*transform-origin: 50%; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; -moz-transform-origin: 50%; -o-transform-origin: 50%;
transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0);
animation: zoomOut .4s ease-in-out forwards; -webkit-animation: zoomOut .4s ease-in-out forwards; -moz-animation: zoomOut .4s ease-in-out forwards; -o-animation: zoomOut .4s ease-in-out forwards;*/
}
.w_win.show{ display: block;
/*animation: zoomIn .4s ease-in-out forwards; -webkit-animation: zoomIn .4s ease-in-out forwards; -moz-animation: zoomIn .4s ease-in-out forwards; -o-animation: zoomIn .4s ease-in-out forwards;*/
}

.w_top { position:relative; padding-left: 10px; height: 40px; line-height: 40px; background-color: #f2f2f2; font-size: 16px; color: #535353;}
.w_close { display: block; width: 40px; height: 40px; text-align:center; line-height:40px; font-size:20px; font-weight:200; font-family:'arial'; text-decoration:none; position: absolute; right: 0; top: 0; border-left: 1px solid #e3e3e2; color: #91908e;}
/*.w_close:hover { color:#3aaae0; }*/
/*.w_con { padding:20px; }*/
.w_con{ padding: 10px 20px; color: #808080;}
/*.w_con p { margin-bottom:10px; }*/
.w_bot { text-align:right; padding:10px 20px; }
.w_bot button { margin-left:10px; }
.w_cancel, .w_ensure { display: inline-block; width: 80px; height: 30px; line-height: 30px; text-decoration: none; border-radius: 3px; text-align: center; padding: 0; text-indent: 0; font-size: 14px;  }
.w_ensure { background-color: #3eb74f; color: #fff; border: 1px solid #37a346; }
.w_cancel { background-color:#ccc; color:#666; border:1px solid #bbb; margin-left:10px; }

.w_lawOh { height:380px; overflow:auto; border-bottom:1px solid #ccc; }

.placeholder{color: #aaa!important;}
span.placeholder{position: absolute;left: 0;line-height: 34px;padding-left: 12px;}
/*********** passwordStrength ***********/
.inp { width:200px; padding:5px; line-height:20px; border:1px solid #ccc; border-bottom:0; margin-right:10px; }
/*.m_pBar { position:relative; height:34px; }*/
.m_pBar{ position: relative;}
.m_pBar .ic_eyes { position:absolute; right:0; top:2px; width:30px; padding:12px 0; text-align:center; text-decoration:none; }
.m_pLevelBar { height:3px; line-height:0; overflow:hidden; margin:0; background:#ccc; }
.m_pLevelColor { display:block; width:0; height:3px; }
.u_tips { font-size:12px; }


/***********  select  ************/
.u_sel { position:relative; padding:8px; border:1px solid #ddd; background:#fff; }
.u_sel .iconfont { position:absolute; right:10px; top:50%; margin-top:-12px; }
.u_sel_a { cursor:pointer; }
.u_sel_b { display:none; position:absolute; top:37px; left:-1px; width:100%; border:1px solid #ddd; border-top:0; background:#fff; }
.u_sel_b li { cursor:pointer; padding:8px; border-top:1px solid #ddd;}
.u_sel_b li:hover { background:#eee; }


/*********** login ***********/
.u_loginCode,.m_tabTitle .crt::after { position:absolute; }
.m_loginItem, .m_tabTitle .crt { position:relative; }

#fn_normalLogin { line-height:auto; border:0; cursor:pointer; }


/* emailVer */
.m_emailVer { position:relative; height:40px; }
.inp_normal { width:100%; line-height:20px; padding:5px; border:1px solid #ccc; box-shadow:0 0 1px 0 #ccc; }
.m_emailVer_list { position:absolute; width:100%; z-index:3; }
.m_emailVer_list ul { border:1px solid #ccc; }
.m_emailVer_list li { cursor:pointer; list-style:none; padding:5px 5px 5px 12px; color:#000; background:#fff; opacity:0.9;filter: Alpha(Opacity=90); }
.m_emailVer_list li:hover, li.fn_emailActive { background:#3eb74f; color:#fff; opacity:1;filter: Alpha(Opacity=100); }
.bc_red { border-color:red; }
#fn_userVerBar .m_emailVer_list li { padding-left:48px; }
#fn_regEmail .m_emailVer_list { width:545px; }
#fn_regEmail { z-index:99; }

.fn_placeholder { display:none; line-height:40px; font-size:12px; }		


/* sliderShow */
#g_sliderShow{ position:relative; height:768px; background:#fff; margin-top:-66px; }
#g_sliderShow .prev,#g_sliderShow .next{ display:none; font-size:72px; font-weight:600; top:250px; color:#fff; text-decoration:none; position:absolute;z-index:1;padding:30px;opacity:0.3;filter: Alpha(Opacity=30);}
#g_sliderShow .prev:hover,#g_sliderShow .next:hover{opacity:1;filter: Alpha(Opacity=100); }
#g_sliderShow .prev{left:100px;}
#g_sliderShow .next{right:100px;}
#g_sliderShow .demo1Main{ height:768px;overflow:hidden;position:relative;}
#g_sliderShow .demo1Main li{float:left;height:768px;background-repeat:no-repeat;background-position:center top; }
#g_sliderShow .demo1Main li a{display: block;width:100%;height:100%;}
#g_sliderShow .demo1List{ text-align:center; width:100%; position:absolute; z-index:2; bottom:62px;}
#g_sliderShow .demo1List li{display:inline-block;width:12px; height:12px; border-radius:50%; background:#fff;margin:0 10px;text-indent:-99px;overflow:hidden; cursor:pointer;}
#g_sliderShow .demo1List li.on{background:#38af48; border:1px solid #fff; }
.bannerText{display:block;width:645px;height:244px;background:url(../image/bannertext.png) no-repeat center;position:absolute;top:41%;right:470px;}

#g_loginBar { z-index:2; position:absolute; left:0; top:0; width:100%; }
#g_loginBar .wrap { height:702px; }
#m_loginBar { position:absolute; color:#fff; width:285px; right:20px; top:18%; padding:24px; background:url(../image/bgBlack50.png); }
#m_loginBar .m_reg { text-align:right; line-height:40px; color:#ccc; }
#m_loginBar .m_reg a { color:#3eb74f; }
/*20170908 通行证增加微信QQ授权登录*/
#m_loginBar .oauthLogin { float: left; margin-top: 6px;}
#m_loginBar .oauthLogin a {float: left; width: 30px; height: 30px; background: url(../image/empower.png) no-repeat; margin-left: 10px;}
#m_loginBar .oauthLogin a.qqloginBtn { background-position: 0 0;}
#m_loginBar .oauthLogin a.wxloginBtn { background-position: -60px 0;}
/*20170905 通行证login页面增加闪电玩二维码*/
#m_sdwBar {position:absolute; color:#fff; width:285px; right:20px; bottom:-8%; padding:24px; background:url(../image/bgBlack50.png); text-align: center; color: #b2b2b2; font-size: 10px;}
#m_sdwBar span{position: relative; font-size: 14px; top: 10px;}
.m_tabTitle { background:#282828; margin-bottom:10px; }
.m_tabTitle ul { width:100%; }
.m_tabTitle li { cursor:pointer; float:left; width:142px; text-align:center; }
.m_tabTitle a { display:block; height:38px; line-height:38px; border-right:1px solid #323232; color:#ededed; text-decoration:none; }
.m_tabTitle .crt { color:#ededed;  background:#444; border-bottom:2px solid #3eb74f; }
.m_tabTitle .crt::after { bottom:-8px; left:50%; margin-left:-6px; width:13px; height:6px; content:""; background:url(../image/tabTitleCrt.png) no-repeat; }

.m_wrongTip { height:0; line-height:24px; overflow:hidden; background:#fff2f2; color:#666; margin-bottom:1px; }
.m_loginShow { height:24px; border:1px solid #ff8080; }

.m_fastLogin { padding:30px 0; }
.m_fastLogin p { line-height:40px; font-size:12px; }
.m_fastLogin ul { overflow:hidden; padding-top:20px; height:85px; text-align:center; }
.m_fastLogin li { display:inline-block; width:33.333%;  }
.m_fastLogin img { width:50px; height:50px; border-radius:5px; border:2px solid #fff; }

.m_loginConfirm { background:#eee; padding:0 10px; line-height:30px; height:0; overflow:hidden; }

.m_loginItem label { position:absolute; line-height:40px; left:10px; top:8px; z-index:2; }
.m_loginItemLabelIE9 { top:48px !important; }
.m_loginItem .par { line-height:40px !important; color:#bbb; text-decoration:none; }
.m_loginItem .parIE9 { position:absolute; right:0; top:0; }
.u_loginInpNormal { width:247px; }
.u_loginInpMin { width:119px; }
.m_loginItem .u_loginInpNormal, .m_loginItem .u_loginInpMin { padding-left:36px; }
.u_loginCode { width:120px; height:40px; cursor:pointer; top:0; right:-2px; border:1px solid #000; vertical-align:top; }
.u_loginCodeIE9 { top:40px; }
.m_normalLogin .btn_submit { display:block; }

#g_btTips { border-bottom:1px solid #ddd; box-shadow:0 0 3px 0 #ccc; }
#g_btTips li { float:left; width:20%; text-align:center; padding:40px 0; font-size:16px; }
#g_btTips a { display:block; line-height:76px; height:76px; text-decoration:none; color:#4c4c4c; border-right:1px solid #b4b4b4; }


/* reg */
.m_formMax { margin-bottom:50px; }
.m_formLeft { min-height:500px; }
.m_formLeftBar { position:fixed; padding:150px 80px 0 20px; color:#a2a2a2; }
.m_formLeftBar h1 { font-size:25px; }
.m_formLeftBar h1::before { width:3px; height:20px; content:""; margin-right:10px; display:inline-block; background:#3eb74f; }
.m_formLeftBar a { color:#ff6b01; text-decoration:none; }
.regformBox{background:url(../image/regBg.jpg) no-repeat center center;margin-top:-66px;height:1000px;}
.regformBox .m_formMax{margin-bottom:0;padding-top:60px;width:645px;height:100%;}
.m_formMaxTitle.regformTitle{position:static;width:450px;height:36px;margin:0 auto;margin-top:10px;}
.m_formMaxTitle.regformTitle li{float:left;width:50%;padding:0;line-height:36px;border:none;background:#ededed;color:#5b5b5b;position:relative;}
.m_formMaxTitle.regformTitle li.crt{border:none;padding:0;background:#3eb74f;color:#fff;}
.m_formMaxTitle.regformTitle li em{display:none;}
.m_formMaxTitle.regformTitle li.crt em{display:block;position:absolute;width:40px;height:20px;background:url(../image/downtip.png) no-repeat;top:26px;left:50%;margin-left:-20px;}
.regformBox .m_formCenterBar{background-color:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#7f000000", EndColorStr="#7f000000"); zoom:1;padding-top:20px;border-radius:10px;box-shadow:0 0 6px 6px rgba(255,255,255,0.1);}
/*:root .regformBox .m_formCenterBar{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="7f000000", EndColorStr="7f000000"); }*/
.regTitle{width:450px;height:60px;color:#e9e9e9;font-size:24px;margin:0 auto;font-family:"Microsoft YaHei";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow:hidden;}
.regTitle em{float:left;height:24px;width:4px;background:#3eb74f;margin-top:18px;margin-right:6px;}
.regTitle span{float:left;line-height:60px;}
/* .m_formMaxMain.regformMain{background:none;min-height:570px;width:450px;padding:0;margin:0 auto;padding-top:10px;} */
.m_formMaxMain.regformMain{background:none;min-height:570px;width:450px;padding:0;margin:0 auto;}
.m_formMaxMain.regformMain .formGroup{padding:0;margin-top:15px;position:relative;}
.m_formMaxMain.regformMain .formGroup.submitGroup{margin-top:25px;}
.m_formMaxMain.regformMain #fn_lastTip{top:-28px;color:#ea2701;}
.m_formMaxMain.regformMain .formGroup input[type="text"]{width:100%;border:1px solid #bababa;background:none;outline:none;color:#fff;+text-indent:10px;+margin-left:-10px;}
.placeholderText{+margin-left:-10px;}
.m_formMaxMain.regformMain .formGroup input[type="password"]{width:100%;border:1px solid #bababa;background:none;outline:none;color:#fff;+text-indent:10px;+margin-left:-10px;}
.m_codeBtn{height:42px;position:relative;}
.m_formMaxMain.regformMain .btn_code{width:220px;height:42px;line-height:42px;border:none;color:#fff;background:#3eb74f;top:0;left:auto;right:-2px;}
.m_formMaxMain.regformMain #fn_submitReg{width:100%;}
.agreementCon{color:#a6a6a6;}
.agreementCon a{color:#3eb74f;}
.m_formMaxMain.regformMain .fc_red{position:absolute;}
.m_formMaxMain.regformMain .info{border:1px solid #88280a;padding:2px 5px 2px 5px; color:#ea2701; position:absolute;display:none;line-height:20px;top:-34px;right:-50px;border-radius:3px;background:#290c05;z-index:100;}
.m_formMaxMain.regformMain .dec{bottom: -8px;display: block;height: 8px;overflow: hidden;position: absolute;left: 10px;width: 17px;}
.m_formMaxMain.regformMain .dec s{font-family: simsun;font-size: 16px;height: 19px;left: 0;line-height: 21px;position: absolute;text-decoration: none;top: -9px;width: 17px;}
.m_formMaxMain.regformMain .dec .dec1{color: #88280a;}
.m_formMaxMain.regformMain .dec .dec2{color: #290c05;top: -10px;}
.m_formMaxMain.regformMain .trueTip{display:block;color:#3eb74f;position:absolute;width:16px;height:16px;font-size:16px;top:10px;right:-30px;}
.m_formMaxMain.regformMain .trueTip.phonecodeTip{right:-254px;}

.m_formRightBar { position:relative; padding:40px 0 0 41px; }
.m_formCenterBar{position:relative;padding-left:0;margin-top:70px;}
.m_formMaxTitle { position:absolute; width:46px; left:-5px; top:40px; text-align:center; }
.m_formMaxTitle li { float:right; width:20px; padding:30px 10px; font-size:16px; line-height:1.2em; cursor:pointer; background:#e6e6e6; }
.m_formMaxTitle li.crt { padding:30px 12px; background:#fff; color:#3eb74f; border-right:2px solid #3eb74f; }
.m_formMaxMain { min-height:800px; padding:20px; background:#fff; border-radius:0 8px 8px 8px; }
.m_formMaxMain h3 { font-size:16px; margin-bottom:10px; padding:0 20px; color:#a6a6a6; }
/*20170905*/
.m_formCenterBar>img{position: absolute; left: 110%; top: 98px;}

.formGroup { padding:10px 20px; }
.formGroup input[type="text"],.formGroup input[type="password"], .formGroup input[type="number"]{width:100%;}
.formGroup em, .formCheckBar em { float:right; font-style:normal;}
#fn_pwdQuestion li { border:0; padding:2px 8px; }

.m_codeBar { position:relative; height:42px; }
.m_codeBar input[type="text"] { width:180px; }
.m_codeBar img { vertical-align:top; }
#inputCodeBox .m_codeBar{overflow:hidden;}
#inputCodeBox .m_codeBar input[type="text"]{float:left;}
#inputCodeBox .m_codeBar img{float:right;height:40px;+margin-top:-30px;}

.m_recommendBar { margin-bottom:80px; }
.m_recommendItem li { float:left; width:20%; height:256px; }
.m_recommendItem a { display:block; color:#4c4c4c; text-decoration:none; }
.m_recommendItem img { width:100%; }
.m_recommendInfo { position:relative; background:#fafafa; padding:20px; }
.m_recommendInfo h4 { width:160px; font-size:18px; color:#808080; border-bottom:1px solid #e6e6e6; display:inline-block; }
.m_recommendInfo .ic { position:absolute; top:38px; }
.m_recommendInfo .ic_left { left:-17px; }
.m_recommendInfo .ic_right { right:-17px; }
.m_recommendMin { height:88px; }
.m_recommendMax { height:216px; }

.m_successTip { text-align:center; padding:40px 0; }
.m_title_line { margin-bottom:30px; text-align:center; border-bottom:1px solid #ccc; color:#808080; }
.m_title_line span { display:inline-block; margin-bottom:-12px; background:#f2f2f2; }



/* appealPortal */
.formCheckBar { margin:0 20px 0; border:1px solid #ccc; padding:0 10px; line-height:40px; }
.formCheckBarItem { border-top:1px dashed #ccc; padding:5px 0; }
.formCheckBarItem label { margin-right:10px; }

.u_formTip { line-height:40px; padding:0 20px; }

#fn_identify { position:absolute; }
#fn_step4 textarea{ width: 240px; height: 90px; padding: 6px;}
#fn_step4 input {-webkit-appearance：none;}
#fn_step4 input[type="number"] {-moz-appearance: textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}

/* stepTitleBar */
.stepTitleBar { position:relative; width:410px; height:56px; margin:0 auto 56px; border-bottom:2px solid #ccc; color:#ccc; }
.stepTitleBar ul { position:absolute; top:56px; width:0; height:2px; background:#99d2a1; }
.stepTitleBar li { position:absolute; top:-29px; width:100px; text-align:center; }
.stepTitleBar span { display:block; width:12px; height:12px; margin:0 auto; border-radius:50%; background:#ccc; }
.stepTitleBar .crt span { background:#99d2a1; }
.stepTitleItem1 { left:-50px;}
.stepTitleItem2 { left:150px; }
.stepTitleItem3 { left:360px; }



/*** faq ***/
.m_faq { background:#fff; padding:20px; }
.m_sideMenu { border:1px solid #ccc; border-right:0; }
.m_sideMenu a { display:block; padding-left:20px; height:40px; line-height:40px; color:#666; }
.m_sideMenu a,.m_sideMenuItem { border-bottom:1px solid #ccc; }
.m_sideMenu .crt>a { background:#3eb74f; color:#fff; }
.m_sideMenuItem a { padding-left:8px; font-size:12px; margin:0 10px; border-bottom:1px dashed #e6e6e6; }
.m_faqMain { padding:20px; border:1px solid #ccc; }
.m_faqMain h3 { font-size:16px; color:#4c4c4c; font-weight:bold; padding-bottom:10px; margin-bottom:15px; border-bottom:1px dashed #e6e6e6; }
.m_faqMain a { color:#56affb; }

.faqk { margin-bottom:30px; }
.faq_ques { color:#4c4c4c; margin-bottom:5px; }
.faq_con { padding-left:14px; color:#808080; }

.m_faq { margin-bottom:50px; }




/** linkage **/
.m_linkage { position:relative; line-height:20px; }
.linkage_txt { cursor:pointer; position:relative; z-index:2; padding:0 30px 0 10px; border-radius:1px; line-height:36px; display:block; border:1px solid #ccc; background-position:right center; background-color:#fff; }
.linkage_content { display:none; position:absolute; left:0; top:36px; width:100%; min-width:600px; padding:10px; border:1px solid #ccc; background:#fff; }
.linkage_th { height:37px; margin-bottom:10px; border-bottom:2px solid #33bee5; }
.linkage_th li { cursor:pointer; float:left; padding:0 30px 0 8px; line-height:36px; margin-right:5px; border:1px solid #ccc; border-bottom:0; background-position:right center; border-radius:1px 5px 0 0; background-color:#fff; }
.linkage_th .crt { padding:0 30px 1px 7px; border:2px solid #33bee5; border-bottom-color:#fff; }

.linkage_province, .linkage_city, .linkage_area { display:none; overflow:hidden; }
.linkage_tb li { cursor:pointer; float:left; width:22.5%; line-height:25px; padding:0 0 0 2%; }
.linkage_tb li:hover { color:#33bee5; }

.ic_linkageCity_close { position:absolute; right:5px; top:4px; width:24px; height:24px; background-position:0 -72px; }
.linkage_txt, .linkage_th li, .ic_linkageCity_close { background-image:url("../image/linkageCity.gif"); background-repeat:no-repeat; }

.m_linkageCountry { float:left; width:15%; margin-right:2%; }
.m_linkageAll .m_linkageCity { float:left; width:83%; }
.m_linkageCountry li { float:none; width:auto; }


/**** retake ****/
.m_titleH1 { padding-top:40px; border-bottom:1px solid #ccc; color:#3eb74f; }
.m_titleH1 h1 { font-size:24px; display:inline-block; border-bottom:2px solid #3eb74f; margin-bottom:-1px; }

.m_titleTip { font-size:12px; padding:20px 0; color:#888; }
.m_formRetake { min-height:500px; margin-bottom:100px; border-radius:8px; }

.m_titleH3 { position:relative; }
.m_formRetakeHref { position:absolute; right:20px; top:0; font-size:12px; color:#56affb; text-decoration:none; line-height:30px; }
.m_formRetakeHref a { color:#56affb; text-decoration:none; margin:0 5px; }


.formBackP { padding:20px; line-height:40px; }
.formEnd { color:#999; border:1px solid #ccc; padding:20px; margin:0 20px; }


.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px !important; }
.mt20 { margin-top:20px !important; }
.mb5 { margin-bottom:5px; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px; }
.mb40 { margin-bottom:40px !important; }
.b0 { border:0 !important; }
.bt0 { border-top:0 !important; }
.br0 { border-right:0 !important; }
.bb0 { border-bottom:0 !important; }
.bb_dashed { border-bottom:1px dashed #ccc; }

.fs30 { font-size:30px; }



/* bg */
.btn_code{
    background-color:#e6e6e6;
    /* Firefox */
    /* Safari 和 Chrome */
    /* Safari 和 Chrome */
    	background-repeat: repeat-x;
	background-image: -o-linear-gradient(top, #f5f5f5, #e6e6e6);/* Opera */
    }



/**** all ****/
.m_loginItem .par:hover, #m_loginBar .m_reg a:hover, .m_formLeftBar a:hover,.m_formRetakeHref a:hover, .m_recommendItem a:hover { text-decoration:underline; }
#fn_chbox2_5_txt, #fn_chbox2_3_txt { width:180px;}
#fn_submitStep1,#fn_submitStep4, #fn_submitReg, #fn_submitStep2Safe, #fn_submitStep2Email, #fn_submit, #fn_submitCheck1, #fn_submitCheck0, #fn_submitStep2Card, #fn_submitaRevoke { width:180px; }
.stepTitleBar, .m_fastLogin p, .m_reg, .m_loginItem .par  { font:12px/2em "\5B8B\4F53"; }
.u_lineGray { line-height:0; height:0; padding-top:20px; margin-bottom:20px; border-bottom:1px dashed #ccc; }




/* animate */
.m_loginShow, .m_hdMenu a {
    transition:all 0.2s ease-out;
    -ms-transition:all 0.2s ease-out; /* Internet Explorer */
    -moz-transition:all 0.2s ease-out; /* Firefox */
    -webkit-transition:all 0.2s ease-out; /* Safari ºÍ Chrome */
    -o-transition:all 0.2s ease-out; /* Opera */
}
.w_bg.show{
    transition:all 0.4s ease-out; 
    -ms-transition:all 0.4s ease-out; /* Internet Explorer */
    -moz-transition:all 0.4s ease-out; /* Firefox */
    -webkit-transition:all 0.4s ease-out; /* Safari 和 Chrome */
    -o-transition:all 0.4s ease-out; /* Opera */
}

/*** icon ***/
.ic { display:inline-block; width:24px; height:24px; line-height:24px; background-image:url("../image/icons.png"); background-repeat:no-repeat; vertical-align:middle; }
.ic_wrong { background-position:0 0; }
.ic_user { background-position:0 -24px; }
.ic_lock { background-position:0 -48px; }
.ic_code { background-position:0 -72px; }
.ic_left { background-position:0 -96px; }
.ic_right { background-position:0 -120px; }


.ic_true, .ic_maxAppeal, .ic_maxCheck, .ic_maxFwg, .ic_maxPay, .ic_maxChat { width:48px; height:48px; }
.ic_true { background-position:-24px 0; }

.ic_maxAppeal, .ic_maxCheck, .ic_maxFwg, .ic_maxPay, .ic_maxChat { margin-right:10px; }
.ic_maxAppeal { background-position:-24px -48px; }
.ic_maxCheck { background-position:-24px -96px; }
.ic_maxFwg { background-position:-72px 0; }
.ic_maxPay { background-position:-72px -48px; }
.ic_maxChat { background-position:-72px -96px; }

.ic_eyeClose, .ic_eyeTrue { width:18px; height:12px; }
.ic_eyeClose { background-position: -142px -109px; }
.ic_eyeTrue { background-position: -142px -95px;}
.m_successTip .accountid,.m_successTip .account{font-size:16px;}
.m_successTip .account{margin-bottom:15px;}
.m_successTip .accountid em,.m_successTip .account em{font-style:normal;color:#f08300;}

/*** sprite ***/
.sprite{ display: inline-block; overflow: hidden; background-repeat: no-repeat; background-image: url(../image/sprite.png);}

.sprite1{ display: inline-block; overflow: hidden; background-repeat: no-repeat; background-image: url(../image/ICON1.png);}

.activate {width:31px; height:31px; background-position: -220px -30px}
.blog {width:35px; height:35px; background-position: -162px -121px}
.close {width:39px; height:39px; background-position: -171px -80px}
.eyeClose {width:18px; height:12px; background-position: -142px -109px}
.eyeOpen {width:18px; height:12px; background-position: -142px -95px}
.greenEmptyStar {width:28px; height:28px; background-position: -158px -218px}
.greenHalfStar {width:28px; height:28px; background-position: -188px -206px}
.greenStar {width:28px; height:28px; background-position: -220px -180px}
.icon1 {width:46px; height:46px; background-position: -84px -51px}
.icon10 {width:37px; height:43px; background-position: -132px -50px}
.icon11 {width:37px; height:45px; background-position: -89px -148px}
.icon13 {width:44px; height:47px; background-position: -41px -2px}
.icon14 {width:39px; height:46px; background-position: -87px -199px}
.icon15 {width:36px; height:43px; background-position: -218px -63px}
.icon16 {width:36px; height:43px; background-position: -133px -2px}
.icon17 {width:44px; height:47px; background-position: -2px -102px}
.icon2 {width:37px; height:48px; background-position: -2px -52px}
.icon21 {width:37px; height:48px; background-position: -2px -2px}
.icon3 {width:37px; height:47px; background-position: -2px -200px}
.icon31 {width:37px; height:47px; background-position: -2px -151px}
.icon4 {width:44px; height:46px; background-position: -41px -199px}
.icon41 {width:44px; height:46px; background-position: -87px -2px}
.icon5 {width:46px; height:46px; background-position: -48px -100px}
.icon51 {width:46px; height:46px; background-position: -41px -151px}
.icon6 {width:41px; height:47px; background-position: -41px -51px}
.icon7 {width:45px; height:34px; background-position: -171px -44px}
.icon8 {width:47px; height:40px; background-position: -171px -2px}
.icon9 {width:44px; height:43px; background-position: -96px -99px}
.orangeEmptyStar {width:28px; height:28px; background-position: -128px -202px}
.orangeHalfStar {width:28px; height:28px; background-position: -158px -188px}
.orangeStar {width:28px; height:28px; background-position: -190px -176px}
.qq {width:30px; height:26px; background-position: -128px -144px}
.question {width:16px; height:16px; background-position: -229px -146px}
.question2 {width:16px; height:16px; background-position: -142px -123px}
.redEmptyStar {width:28px; height:28px; background-position: -128px -172px}
.redHalfStar {width:28px; height:28px; background-position: -160px -158px}
.redStar {width:28px; height:28px; background-position: -199px -146px}
.right {width:14px; height:14px; background-position: -188px -236px}
.serviceLady {width:36px; height:36px; background-position: -212px -108px}
.sina {width:33px; height:26px; background-position: -220px -2px}
.warning {width:14px; height:14px; background-position: -229px -164px}

.row{ padding: 10px 0; margin: 0;}
.row label{ font-size: 14px; color: #666666;}
.row .errorInfo{ padding-left: 10px; color: #ef6a6a; font-size: 12px;}
.row input.error{ box-shadow: 0 0 5px #ef6a6a; border-color: #ef6a6a;}
.rightMain{ width: 370px; padding-right: 20px; float: left;}
.leftLink{ float: right; text-align: center; color: #666666;}
.leftLink a{ text-decoration: none; color: #56affb;}
.leftLink i{ display: block; width: 260px; height: 215px; background: url(../image/noWay.jpg) left top no-repeat;}
.inputWrap{ width: 100%; position: relative; margin-top: 5px;}
.inputWrap .eye{ display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #cdcdcd; position: absolute; right: 0; top: 0; font-size: 20px; z-index: 1024;}
.inputWrap .eye i{ display: inline-block; width:18px; height:12px; background-position: -142px -109px; position: relative; top:0px;}
.inputWrap .eye.active i{ background-position: -142px -95px;}
.inputWrap input, .blogWrap{ width: 100%; border-color: #ccc; border-radius: 2px; height: 40px; line-height: 40px; font-size: 14px; padding: 0;}
.inputWrap input:focus{ border-color: #99d2a1; box-shadow: 0 0 5px #ccc;}
.blogWrap{ border-width: 1px; border-style: solid; position: relative; margin-top: 10px;}
.blogWrap .sprite{ display: inline-block; margin: 0 10px; vertical-align: middle;}
.blogWrap strong{ font-weight: normal; color: #e54b4b;}
.blogWrap.active strong{ color: #3eb74f;}
.blogWrap .commonBtn{ width: 60px; height: 38px; background-color: #3eb74f; color: #fff; position: absolute; right: 0; top: 0; border-color: #3eb74f; font-size: 12px;}
.blogWrap.active .commonBtn{ background-color: #e8e8e8; color: #4c4c4c; cursor: no-drop; border-color: #dadada;}
.martixWrap{ display: inline-block; *float: left; width: 84px; margin: 0 3px; text-align: center;}
.martixWrap p{ width: 84px; height: 30px; line-height: 30px; background-color: #f2f2f2; color: #666666; font-size: 16px;}
.martixWrap input{ width: 82px; height: 30px; line-height: 30px; margin-top: 5px; font-size: 16px; text-align: center; text-indent: 0;}
/*下拉列表 start*/
.select{ display: block; width: 100%; height: 40px; line-height: 40px; position: relative; border: 1px solid #ccc; border-radius: 2px; color: #b2b2b2; overflow: hidden; font-size: 14px; background-color: #fff;}
.select span{ padding-left: 10px;}
.select i{ width: 40px; height: 39px; position: absolute; right: -1px; top: -1px;}
.select i:after{ content: ""; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: #000 transparent transparent transparent; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -3px;}
.select.active{ border: none;}
.select.active i:after{ border-color: transparent transparent #000 transparent; margin-top: -9px;}
.ulWrap{ display: none; width: 100%; border-width: 1px; border-style: solid; border-color: #99d2a1; box-shadow: 0 0 5px #ccc; position: absolute; left: 0; top: 0; z-index: 1024;}
.selectUl{ width: 100%; max-height: 110px; overflow: hidden;}
.selectUl a{ display: block; width: 100%; height: 40px; line-height: 40px; background-color: #fff; text-indent: 10px; color: #b2b2b2; font-size: 14px; position: relative;}
.selectUl a:hover{ background-color: #f2f2f2; color: #808080;}
/*下拉菜单 end*/
.dialogTabsWrap{ margin-bottom: 10px;}
.dialogTabsWrap a{ display: block; float: left; height: 36px; line-height: 36px; text-align: center; background-color: #cccccc; font-size: 12px; color: #3e3e3e;}
.dialogTabsWrap a.hide{ display: none;}
.dialogTabsWrap a.show{ display: block;}
.dialogTabsWrap a.active{ height: 38px; line-height: 38px; border-bottom: 1px solid #3eb74f; position: relative; background-color: #e6e6e6; font-size: 14px; color: #3eb74f; margin-top: -3px;}
.dialogTabsWrap a.active:after{ content: ""; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #3eb74f transparent transparent transparent; position: absolute; left: 50%; bottom: -10px; margin-left: -5px;}
.rightMain .dialogTabsWrap{ border-bottom: 2px solid #ccc;}
.rightMain .dialogTabs{ height: 38px; line-height: 38px; background-color: #fff; padding: 0 8px; margin-bottom: -2px;}
.rightMain .dialogTabs.active{ background-color: #fff; border-bottom: 2px solid #3eb74f; margin-top: 0; font-size: 12px;}

.ruleList{ color: #808080; font-size: 12px; line-height: 20px;}
.ruleList .heading{ color: #3eb74f; font-size: 14px; height: 20px; line-height: 20px; border-bottom: none; margin: 10px 0;}

.commonBtn{ display: block; text-decoration: none; color: #fff; border-width: 1px; border-style: solid; border-radius: 3px; text-align: center; padding: 0; text-indent: 0; font-size: 14px;}
.submit, .greenBtn{ display: inline-block; width: 100px; height: 30px; cursor: pointer; background-color: #3eb74f; border-color: #37a346;}
.greenBtn{ line-height: 30px;}
#getEmailCheck, #getPhoneCheck{ width: 115px; height: 40px; line-height: 40px; position: absolute; right: -2px; top: 0;}
.getOldCheck{ width: 115px; height: 40px; line-height: 40px; float: right;}
.getCheck.off{ color: #b2b2b2;}
.must{ position: relative;}
.must:after{ width: 10px; height: 10px; text-align: center; line-height: 10px; content: "*"; color: red; position: absolute; left: -10px; top: 4px;}
.success{/* height: 55px; line-height: 55px;*/ color: #3eb74f; font-size: 16px; text-align: center;}
.success_btns{ width: 100%; padding: 10px;}
.failure{ color: #ef6a6a; font-size: 16px; text-align: center; height: 0; overflow: hidden; padding: 0; margin-bottom: 10px;}
.failure.show{
    height: auto; 
    line-height: 20px; 
    padding: 15px 0;
    max-height: 150px;
    overflow: auto;
    border-bottom: 1px solid #ccc;
    transition: height .4s ease-in-out;
    -webkit-transition: height .4s ease-in-out;
    -moz-transition: height .4s ease-in-out;
    -0-transition: height .4s ease-in-out;
}
.tips{ color: #999999; font-size: 12px; border-bottom: 1px solid #cccccc; padding-top: 0; margin-bottom: 5px;}
.strong{ display: inline-block; padding-left: 5px; width: 160px; font-size: 16px; color: #ef6a6a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.defaultBg{ 
    border-color: #c8c8c8; color: #808080;
    background-color: #ededed;
    background: -webkit-gradient(linear, center top, center bottom, from(#f5f5f5), to(#e6e6e6));
    background: -moz-linear-gradient(top, #f5f5f5, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e6e6e6');
}

#accountWrap{ color: #fff; font-size: 12px; position: absolute; right: 20px; top: 22px;}
#accountWrap a{ color: #fff; margin-left: 10px; padding-left: 10px; border-left: 1px solid #fff;}

#loading{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 65535; display: none;}
.loadingBg{ width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=60); opacity: 0.6; position: absolute; left: 0; top: 0;}
#loading img{ display: block; position: absolute; left: 50%; top: 50%; margin-left: -43px; margin-top: -42px;
    transform-origin: 50%; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -o-transform-origin: 50%;
    animation: loading 3s linear infinite; -webkit-animation: loading 3s linear infinite; -moz-animation: loading 3s linear infinite; -o-animation: loading 3s linear infinite;
}

.ie6Tip{ width: 100%; height: 40px; background: #f6e5e5; position: absolute; left: 0; top: 66px; z-index: 65535;}
.ie6Tip p{ width: 1000px; height: 40px; line-height: 40px; color: #de0000; font-size: 14px; margin: 0 auto; position: relative;}
.ie6Tip a{ text-decoration: underline; color: #de0000;}
.ie6Tip .ie6Close{ display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 24px; position: absolute; right: 0; top: 10px; text-decoration: none;}

.clearfix:after {content:"\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.clearfix {zoom: 1;} 
.fl{ float: left;}
.h40{ height: 42px; line-height: 42px;}
.w140{ width: 140px;}
.hide{ display: none;}
.show{ display: block;}
.mb3{ margin-bottom: 3px;}
.pt50{ padding-top: 50px;}
.pt30{ padding-top: 30px;}
.tc{ text-align: center;}
.tr{ text-align: right;}

@keyframes loading{
    from{ transform: rotate(0deg);}
    to{ transform: rotate(360deg);}
}

@-webkit-keyframes loading{
    from{ -webkit-transform: rotate(0deg);}
    to{ -webkit-transform: rotate(360deg);}
}

@-moz-keyframes loading{
    from{ -moz-transform: rotate(0deg);}
    to{ -moz-transform: rotate(360deg);}
}

@-o-keyframes loading{
    from{ -o-transform: rotate(0deg);}
    to{ -o-transform: rotate(360deg);}
}

/* 隐藏 */
@keyframes zoomOut{
        0%{ transform:scale(1);}
        20%{ transform:scale(0.9);}
        50%{ transform:scale(1.3);}
        100%{ transform:scale(0);}
}

@-moz-keyframes zoomOut{
        0%{ -moz-transform:scale(1);}
        20%{ -moz-transform:scale(0.9);}
        50%{ -moz-transform:scale(1.3);}
        100%{ -moz-transform:scale(0);}
}

@-o-keyframes zoomOut{
        0%{ -o-transform:scale(1);}
        20%{ -o-transform:scale(0.9);}
        50%{ -o-transform:scale(1.3);}
        100%{ -o-transform:scale(0);}
}

@-webkit-keyframes zoomOut{
        0%{ -webkit-transform:scale(1);}
        20%{ -webkit-transform:scale(0.9);}
        50%{ -webkit-transform:scale(1.3);}
        100%{ -webkit-transform:scale(0);}
}



/* 出现 */
@keyframes zoomIn{
        0%{ transform:scale(0);}
        50%{ transform:scale(1.3);}
        80%{ transform:scale(0.9);}
        100%{ transform:scale(1);}
}

@-webkit-keyframes zoomIn{
        0%{ -webkit-transform:scale(0);}
        50%{ -webkit-transform:scale(1.3);}
        80%{ -webkit-transform:scale(0.9);}
        100%{ -webkit-transform:scale(1);}
}

@-moz-keyframes zoomIn{
        0%{ -moz-transform:scale(0);}
        50%{ -moz-transform:scale(1.3);}
        80%{ -moz-transform:scale(0.9);}
        100%{ -moz-transform:scale(1);}
}

@-o-keyframes zoomIn{
        0%{ -o-transform:scale(0);}
        50%{ -o-transform:scale(1.3);}
        80%{ -o-transform:scale(0.9);}
        100%{ -o-transform:scale(1);}
}



/*** IE ****/
input[type="text"],input[type="password"],input[type="number"] { +text-indent:0; }
.formGroup { +position:relative; }
.formGroup em, .formCheckBar em { +position:absolute; +right:20px; +top:2px; }
#g_btTips li { +width:19.8%; }



/*** IE6 ***/
.u_loginInpNormal,.u_loginInpMin,.m_codeBar { _height:30px; _line-height:30px; _border:1px solid #ccc; _padding:5px 0; }
#fn_account, #fn_card, .formGroup input { _height:30px; _line-height:30px; _border:1px solid #ccc; _padding:5px 0; _width:99%; }
.u_loginCode { +top:29px; }
.m_fastLogin li { _float:left; }

.formGroup em, .formCheckBar em { _float:none; }
.formGroup label { _line-height:30px;}
.m_codeBar input { _width:218px; }
.m_codeBar { _border:0; }
.btn_code { _top:6px; }
.u_loginCode { _right:-2px; _top:6px; }

.m_pBar { _width:100%; }
.m_pLevelBar { _width:99%; }

.u_sel .iconfont { _top:23px; _right:10px; }
.u_sel_b { _left:-9px; }
#fn_pwdQuestion { _width:99%; }

.m_formMaxTitle { _left:-45px; }
#fn_agreement, #fn_safeLaw, #fn_emailLaw, #fn_idLaw { _border:0; _padding:0; _width:auto; _vertical-align:middle; }

#inputCodeBox .w_bot{text-align:center;}
#inputCodeBox .w_con{position:relative;}
#inputCodeBox .serviceBtn{position:absolute;bottom:-62px;right:14px;text-decoration:underline;color:#808080;font-size:12px;}

#forgetSend{width: 100%;height: 44px;overflow: hidden;}
.forgetSendL{float: left;width: 310px;margin-right: 10px;line-height: 22px;font-size: 12px;color: #333;}
.forgetSendR{float:left;width:310px;}
#forgetSend .m_codeBar{width:100%;}

.m_codeBar input[type="text"]#fn_newEmail{width:270px;}
.addHisBtn{display:block;width:136px;height:40px;line-height:40px;color:#666;margin-left:20px;background:url(../image/add.png) no-repeat center left;text-indent:45px;}
.loginaddBtn{display:block;height:20px;line-height:20px;background:url(../image/updtip.png) no-repeat center left;background-position:0 -19px;color:#a5a5a5;text-indent:35px;font-size:16px;}
.loginaddBtn.up{background-position:0 0;}