/* *************************************
* CSS Document
* user: heshuang
* Date: 2019-01-23
***************************************/
@charset "utf-8";

/* 绉戠爺骞冲彴鐧婚檰椤�*/
html,body{overflow:hidden;}
.page{width:100%; height:100%; position:relative;}
.page .bg{width:100%; height:100%; background-position:center center; background-size:cover;}
.page .loginMain{width:900px; height:490px; position:fixed; top:50%; left:50%; z-index:2;margin-top:-285px;margin-left:-450px;text-align:center; }
.page .loginMain h1{display:inline-block;margin-bottom: 7px;}
.page .loginMain .login{border-radius:6px;width: 900px;height: 490px;overflow:hidden;}
/*.page .loginMain .downloadBox{background:#FFF;width: 452px;height: 490px;background: url(../images/leftBg.png) no-repeat center center;position:relative;float:left;}*/
.page .loginMain .downloadBox{background:#FFF;opacity:0.6;width: 452px;height: 490px;position:relative;float:left;}
/*.page .downloadBox .download{display:inline-block;width: 183px;height: 35px;position:absolute;bottom:133px;left:104px;}
.page .downloadBox .download4{display:inline-block;width: 183px;height: 35px;position:absolute;bottom:86px;left:104px;}
.page .downloadBox .download5{display:inline-block;width: 183px;height: 35px;position:absolute;bottom:39px;left:104px;}
.page .downloadBox .explain1{display:inline-block;position:absolute;bottom:130px;left:293px;width:50px;height:25px;}
.page .downloadBox .explain2{display:inline-block;position:absolute;bottom:83px;left:293px;width:50px;height:25px;}
.page .downloadBox .explain3{display:inline-block;position:absolute;bottom:36px;left:293px;width:50px;height:25px;}
.page .downloadBox .install{display:inline-block;position:absolute;bottom:130px;left:350px;width:60px;height:25px;}
.page .downloadBox .install4{display:inline-block;position:absolute;bottom:83px;left:350px;width:60px;height:25px;}*/
.page .downloadBox .space_top{width: 452px;height: 108px;position:relative;}
.page .downloadBox .space_middle{width: 452px;height: 274px;position:relative;background: url(../images/leftBg.png) no-repeat center right;}
.page .downloadBox .space_bottom{width: 452px;height: 108px;position:relative;;}
.page .loginMain .form{width: 452px;height: 274px;background:#FFF;opacity:0.6;width:448px;height:490px;float:left;position:relative;}
/*.page .form h2{margin:97px auto 0;border-bottom:2px solid #3988e5;font-size: 17px;width:90px;padding:0 0 6px 6px;color:#333;letter-spacing: 6px;}*/
/*.page .form h2{width: 448px;height :181px;}*/
.page .form .form_header{width: 448px;height :158px;background: url(../images/titH.png) no-repeat bottom center;}
.page .form ul{padding:23px 79px;}
.page .form li{ margin:22px 0; position:relative;}
.page .form .userName:before{content:" ";display:block;width:18px; height:18px; background:url(../images/loginIcon.png) -26px -32px no-repeat; position:absolute; top:10px; left:8px;}
.page .form .userPass:before{content:" ";display:block;width:18px; height:18px; background:url(../images/loginIcon.png) 0px -32px no-repeat; position:absolute; top:10px; left:8px;}
.page .form .wor{ line-height:20px; color:#f00; position:relative; top:-15px; padding-left:2px; height:20px; font-size:13px;text-align:left;}
.page .form .btn{ margin-top:-20px; width:290px;}
.page .form .btn a{ display:block; letter-spacing:8px;height:38px; background:#1089e6; color:#fff; font-size:15px; text-align:center; line-height:38px;border-radius:2px;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;opacity:1; filter:alpha(opacity=100);}
.page .form .btn a:hover{opacity:.8; filter:alpha(opacity=80);}
.page .form input{ font-size:14px;height:16px; padding:10px; width:246px; padding-left:32px; border:2px solid #c0c6c9; color:#14191e;}
.page .form input:focus{border-color:#adb6f1}

/* 桌面云登录页 */
.page.deskRoom .loginMain .downloadBox{background: url(../images/leftBgDesk.png) no-repeat;}
.page.deskRoom .downloadBox .download1{display:inline-block;width: 183px;height: 35px;position:absolute;bottom:350px;left:89px;}
.page.deskRoom .downloadBox .download2{display:inline-block;width: 183px;height: 35px;position:absolute;bottom:287px;left:89px;}
.page.deskRoom .downloadBox .download3{display:inline-block;width: 183px;height: 35px;position:absolute;bottom:225px;left:89px;}
.page.deskRoom .downloadBox .download4{display:inline-block;width: 183px;height: 35px;position:absolute;bottom:162px;left:89px;}
.page.deskRoom .downloadBox .download5{display:inline-block;width: 183px;height: 35px;position:absolute;bottom:100px;left:89px;}
.page.deskRoom .downloadBox .install1{display:inline-block;position:absolute;bottom:350px;left:336px;width:60px;height:25px;}
.page.deskRoom .downloadBox .install2{display:inline-block;position:absolute;bottom:287px;left:336px;width:60px;height:25px;}
.page.deskRoom .downloadBox .install3{display:inline-block;position:absolute;bottom:225px;left:336px;width:60px;height:25px;}
.page.deskRoom .downloadBox .install4{display:inline-block;position:absolute;bottom:162px;left:336px;width:60px;height:25px;}
.page.deskRoom .downloadBox .install5{display:inline-block;position:absolute;bottom:100px;left:336px;width:60px;height:25px;}
.page.deskRoom .downloadBox .explain1{display:inline-block;position:absolute;bottom:350px;left:281px;width:50px;height:25px;}
.page.deskRoom .downloadBox .explain2{display:inline-block;position:absolute;bottom:287px;left:281px;width:50px;height:25px;}
.page.deskRoom .downloadBox .explain3{display:inline-block;position:absolute;bottom:225px;left:281px;width:50px;height:25px;}
.page.deskRoom .downloadBox .explain4{display:inline-block;position:absolute;bottom:162px;left:281px;width:50px;height:25px;}
.page.deskRoom .downloadBox .explain5{display:inline-block;position:absolute;bottom:100px;left:281px;width:50px;height:25px;}
.page .nosupport{width:1000px;color:#f9f9f9;font-size:20px;line-height:34px;}
.page .nosupport .downloader{text-align:center;margin-top:50px;}
.page .nosupport .downloader a{display:inline-block; margin:0px 10px; padding:5px 18px; border:1px solid #1089e6; border-radius:3px; background:#1089e6; font-size:20px; line-height:26px; color:#f9f9f9;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;}
.page .nosupport .downloader a:hover{border:1px solid #eee;background:#0089FA;}