.wrap{width:990px; margin:0 auto;}
input:focus{ outline:none;}

/*-------------------------创建文都账号-------------------------------------------*/
/*head*/
.head{height:42px; padding:30px 0 18px;}
.logo{width:157px; height:42px; margin-left:20px; }
.login{width:58px; height:37px; background: #4ca7ef; color: #fff; font-size: 14px; line-height: 37px; text-align: center;}
/*content*/
.content{width:100%; height:524px; padding-top:46px;  background:#4ca7ef; }
.pic-bg{width:624px; height:438px; background: url(../images/side.png) no-repeat;}
.pic-bg .word-des1{display:block; font-size: 22px; color: #ffe259; line-height: 48px; padding-top:66px; font-weight: bold;}
.pic-bg .word-des2{ color: #fff; line-height: 20px;}
.logo-link{ padding:22px 0 0 65px; text-align: center;} 
.logo-link a{ float:left; margin:0 15px;}

/*right*/
.login-box{width:278px; height:445px; padding:20px 20px 20px 28px; background: #fff;}
.login-tit{height:40px;  line-height: 40px; font-size: 18px; font-weight: bold; color: #3c3c3c;}

.login-method{width:266px;}

.tabbtn{height:40px; border-bottom:1px solid #e6e5e5;}
.tabbtn li{float:left; height:39px;  width:133px; border-bottom:2px solid #ffff; position:relative; line-height: 39px; font-size: 16px; color: #666;  cursor:pointer;}
.tabbtn li.current{ border-bottom:2px solid #4ca7ef;}
.tabbtn li.second{ text-align: center; text-indent: 28px;}

.tabcon{  position:relative; height:365px;overflow:hidden; margin-top:6px;}
.tabcon .subbox{position:absolute; left:0;top:0;}
.tabcon .sublist{width:266px;}

.subbox{width:532px; height:365px; }
.subbox .sublist{float:left;width:266px;  height:365px; }


.login-text{width:248px; height:20px; padding:9px 8px; border:1px solid #e6e5e5; margin-top:22px;}
.login-text input{width:248px; height:20px; line-height: 20px; color:#000;}
.code-div{ margin-top:22px;}
.login-text2{float:left; width:144px; height:20px; padding:9px 8px; border:1px solid #e6e5e5;}
.login-text2 input{width:144px; height:20px; line-height: 20px; color:#000;}
.get-code{float:right; width:96px; height:40px; background: #4ca7ef; color: #fff; text-align: center; line-height: 40px; }
.get-code.on{ background:#ccc;
}

.finished{display:block; width:266px; height:40px; background: #4ca7ef; line-height: 40px; text-align: center; color: #fff; font-size: 14px;  font-weight: bold; margin:22px 0 18px;cursor:pointer;}
.terms{ height:20px; line-height: 20px; color: #666; }
.terms input{vertical-align: middle; margin-right:2px; margin-top:-2px;}
.terms a{ color:#1873de;}
/*footer*/
.footer{height:70px; line-height: 70px; color: #959595; text-align: center;}
.footer a{color: #959595;}
.footer a:hover{ text-decoration: underline;}


/*-------------------------创建文都账号2-------------------------------------------*/
.top{width:100%; height:42px; padding:30px 0 18px; }
.welcom{ padding-top:80px;border-top:3px solid #4ca7ef;}
.welcom p{ text-align: center; line-height: 30px;}
.welcom .wel1,.welcom .wel2{font-weight: bold;color: #666;} 
.welcom .wel1{ font-size: 18px; }
.welcom .wel2{ font-size: 16px;}
.welcom .wel3{  color: #888;}
.go-on{display:block; width:122px; height:37px; color: #fff; background: #4ca7ef; font-size: 16px; line-height: 37px; text-align: center; margin:20px auto 50px;}

.logo-link2{ width:530px; padding:0; margin:0 auto;}
#div2{position:relative;}
#dw{position:absolute; top:50%; left:0; width:100%; margin-top:-121px;}

/*遮罩*/
div.bg{width:100%; height:100%; background: #000; position:fixed; left:0; top:0; opacity: 0.5; filter:alpha(opacity:50); z-index: 1;}
.course-icon{width:455px;  height:398px; padding:42px 0 0 5px; background: #fff; position:fixed; top:50%; left:50%; margin-top:-220px; margin-left:-230px; z-index: 2;}
.course-icon .icon-div a{ float:left;width:70px; height:73px;  margin-left: 35px; margin-bottom:26px;  background: #4ca7ef; color: #fff; text-align: center; font-size: 14px;}
.course-icon .icon-div a i{width:50px; height:40px; display:block; background: url(../images/spr.png) no-repeat; margin:6px auto 0;}

.course-icon .icon-div a.icon1 i{ background-position: -5px 0;}
.course-icon .icon-div a.icon2 i{ background-position: -107px 0;}
.course-icon .icon-div a.icon3 i{ background-position: -214px 0;}
.course-icon .icon-div a.icon4 i{ background-position: -320px 0;}

.course-icon .icon-div a.icon5 i{ background-position: -5px -93px;}
.course-icon .icon-div a.icon6 i{ background-position: -110px -96px;}
.course-icon .icon-div a.icon7 i{ background-position: -215px -95px;}
.course-icon .icon-div a.icon8 i{ background-position: -320px -94px;}

.course-icon .icon-div a.icon9 i{ background-position: -5px -200px;}
.course-icon .icon-div a.icon10 i{ background-position: -109px -200px;}
.course-icon .icon-div a.icon11 i{ background-position: -216px -200px;}
.course-icon .icon-div a.icon12 i{ background-position: -320px -200px;}

.use{float:left; width:184px; height:38px; background: #4ca7ef; line-height: 38px; text-align: center; color: #fff; font-size: 14px; margin-left:100px;}
.jump{ line-height: 38px; margin-left:10px; color: #333;}
.jump:hover{ color: #4ca7ef; text-decoration: underline;}


/*----------------------------------------------创建文都注册------------------------------------------*/
.server{width:100%; height:524px; background: url(../images/bg.jpg) top center no-repeat;}
.server-box{width:324px; height:422px; padding:18px 0 0 18px; background: #fff; float:right; margin-top:45px;}
.login-mess{width:270px; height:20px; padding:7px 10px; border:1px solid #e6e5e5; margin-top:20px; }
.login-mess input{width:270px; height:20px;color: #000;}

.login-mess2{float:left; width:140px; height:20px; padding:7px 10px; border:1px solid #e6e5e5;  margin-right:4px; }
.change{float:left; color: #666; font-size: 13px; line-height: 38px;}
.change:hover{ color: #4ca7ef; text-decoration: underline;}
.log-on{display:block; width:292px; height:38px; background: #4ca7ef; line-height: 38px; text-align: center; color: #fff; font-size: 14px; margin-top:20px; cursor:pointer;}
.help{width:292px; height:46px; line-height: 40px; border-bottom:1px solid #eee;}
.help a{ color: #4ca7ef;}
.help a:hover{ text-decoration: underline;}
.part-ship{ margin-top:25px;}

.part-ship a.weixin,.part-ship a.qq,.part-ship a.sina{ float:left; width:42px; height:42px; background: url(../images/spr2.png) no-repeat; margin-left:46px;}
.part-ship a.weixin:hover{ background-position:0 0;}
.part-ship a.qq:hover{ background-position:-84px 0;}
.part-ship a.sina:hover{ background-position:-163px 0;}
.part-ship a.weixin{ background-position:0 -81px;}
.part-ship a.qq{ background-position:-84px -81px;}
.part-ship a.sina{ background-position:-163px -81px;}

/*bottom*/
.frend-link{height:72px; line-height: 72px; text-align: center;}
.frend-link a{ margin:0 25px; font-size: 15px; color: #000;}
.bottom{height:146px; padding-top:24px; background: #f7f7f7; border-top:1px solid #ccc; text-align: center;}
.bottom div{ color: #666; line-height: 36px;}
.bottom div a{ margin:0 12px; color: #666;}
.bottom p{ line-height: 22px; color: #999;}


/*-----------------------------------创建文都注册3--------------------------*/
.reset{width:100%; padding:60px 0; border-top:3px solid #4ca7ef;}
.reset-pass,.use-name{ color: #666; text-align: center;}
.reset-pass{ font-size: 24px; height:46px;}
.use-name{ font-size: 16px; color: #666; height:36px; line-height:36px;}
.useName-text{width:450px; height:20px; padding:7px 10px; border:1px solid #d5d4d4; margin:0 auto;}
.sure{ display:block; width:162px; height:37px; background: #4ca7ef; line-height: 37px; text-align: center;; color: #fff; font-size: 16px; margin:33px auto; cursor:pointer;}
.foot-bottom{ text-align: center; line-height: 24px; color: #5d5d5d; /*padding:30px 0;*/ height:90px;}
.foot-bottom p a{ color: #5d5d5d; margin:0 7px;}
.foot-bottom p a:hover{ text-decoration: underline;}

/*---------------------------------------创建文都注册4--------------------------*/
.reset2{width:274px; margin:0 auto;}
.headShot img{ margin:0 14px 0 50px;}
.headShot span{font-size: 24px; color: #333; line-height: 80px;}
.reset-mode{height:52px; font-size: 18px; color: #333; line-height: 52px; text-align: center;}
.mode-list p{ margin-bottom:20px;}
.mode-list p input{float:left; width:20px; margin-top:4px;}
.mode-list p label{ float:right; width:250px; font-size: 14px; line-height: 20px; color: #666;}
.go-on-step,.prev-step{display:block; text-align: center; width:104px; height:36px; line-height: 36px;  font-size: 16px; border:1px solid #4ca7ef;cursor:pointer; }
.go-on-step{float:left; background: #4ca7ef; color: #fff; }
.prev-step{ float:right;  color: #4ca7ef; background: #fff;}

/*--------------------------------------创建文都账号5----------------------------*/
.reset3{width:350px; margin:0 auto;}
.code-sure,.cancel{display:block; width:158px; height:35px; border:1px solid #4ca7ef; font-size: 16px; text-align: center; line-height: 35px;cursor:pointer;}
.code-sure{float:left; background: #4ca7ef; color: #fff;}
.cancel{float:right; background: #fff; color: #4ca7ef;}

.code-txt2{width:328px; height:20px; padding:7px 10px; border:1px solid #d5d4d4; margin-bottom:10px;}
.code-txt2 input{width:328px; height:20px; }
.no-got{height:30px; line-height: 30px; color: #666; font-size: 14px; margin-bottom:20px; text-align: center;}
.no-got a{ color: #4ca7ef;}
.no-got a:hover{text-decoration: underline;}


#bottom{left:0; bottom:0; width:100%;}

/*--------------------------------------创建文都账号6----------------------------*/
.code-txt3{ margin-bottom:20px;}
/*--------------------------------------创建文都账号7----------------------------*/
.reset4{width:470px; margin:0 auto;}
.headShot2 img{ margin:0 14px 0 164px;}
.desc{ font-size: 14px;  color: #888; line-height: 22px; text-align: center; padding:10px 0 50px;}
.code-sure2{ padding-left:155px; margin-bottom:28px;}
.no-got2{ font-size: 18px;}

.pop-ups{width:365px; height:416px; background: #fff;  position:fixed; left:50%; top:50%; margin-left:-182px; margin-top:-208px; z-index: 3;}
.code-txt4{width:300px; margin:0 auto;}
.code-txt4 input{width:300px;}

.sorry{font-size: 20px; text-align: center; color: #333; height:70px; line-height: 70px;}
.sorry2{font-size: 16px; text-align: center; color: #666; line-height: 24px; margin-bottom:24px;}
.cue{font-size: 14px; color:#999;  height:40px; line-height: 40px; text-align: center; margin-bottom: 36px;}
.sure-cancel{ padding:0 50px;}
/*--------------------------------------创建文都账号9----------------------------*/

.desc2{ text-align: center; color: #333; font-size: 16px; margin-bottom: 16px;}
.desc3{color: #888;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 0 30px;
    text-align: center;}

.code-txt5{ width:300px; margin:0 auto 20px}
.code-txt5 input{width:300px;}

/*hover*/
.login:hover,a.get-code:hover,.finished:hover,.go-on:hover,.sure:hover,.code-sure:hover,.cancel:hover,.go-on-step:hover, .prev-step:hover,.log-on:hover{ background: #0054a7;}
.code-sure:hover, .cancel:hover,.go-on-step:hover, .prev-step:hover{ border:1px solid #0054a7; color: #fff;}

.frend-link a:hover{ color: #0054a7; text-decoration: underline;}
/*----------------------------账户设置============================*/
.count-new{width:840px;}
.count-tit{font-size: 16px; color: #333; font-weight: bold;height:30px;}
.count-email{font-size: 14px; color: #333;height:32px;  line-height: 32px;}
.count-email span{ color: #ffa800; }

.e-mail{width:318px; height:20px; padding:7px 10px; border:1px solid #d7d7d7; margin-bottom:20px;}
.e-mail input{width:318px;height:20px;}
.e-mail2{width:188px; height:20px; padding:7px 10px; border:1px solid #d7d7d7;  margin-bottom: 20px;}

.edit-box{ border-bottom:1px solid #eee;padding-bottom:20px; margin-top:10px;}
.edit{height:50px; line-height: 50px; color:#333; position:relative; }
.edit p{width:308px;}
.edit p span{color: #ffa800;}
.edit a{ color: #333;}
.edit a:hover{ color: #4ca7ef; text-decoration: underline;}

.add1{width:159px; height:21px; background: url(../images/s1.jpg) no-repeat; position:absolute; left:366px; top:16px; line-height: 21px; text-indent: 18px; color: #666;}
.txt{ display:none;}

.edit3{ heght:84px; line-height: 84px; font-size: 14px; color: #333;} 
.other{ width:123px;}
.name-fixed{width:340px; position:relative;} 
.name-fixed span{width:193px; height:21px; line-height: 21px; font-size: 12px; color: #666; position:absolute; left:113px; top:32px; text-indent: 16px; background: url(../images/s2.jpg) no-repeat;}
.name-fixed a{ color: #ffa800;}
.bind:hover{ color: #4ca7ef;}

.WaterMark { color:#cacaca !important;
}