body { width: 100%; height: 100%; background-color: #EEF2FA; font-family: 'Inter',"Microsoft Yahei",sans-serif; font-size: 12px; } #container { width: 100%; height: 100%; overflow-x: auto;background: #eef2fa;} #container .el-table {font-size: 12px;border-radius: 8px;} #container .el-table .cell{padding : 0 5px;} #container .el-table th{height:30px;} #container .el-table td{height:30px;} #container .el-form {font-size:12px;} #container .el-form-item {margin-bottom:7px;} #container .el-form-item__label {font-size:12px;text-align: left;} #container .el-form-item__content {font-size:12px;text-align: left;} #container .el-input--small {font-size:12px;} .icon { display: inline-block; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; } #header { width: 100%; z-index: 100; position: absolute; height: 50px; } /*#header .logo { width: 120px; height: 28px; background-image: url(../images/logo.png); position: absolute; top: 30px; left: 30px; z-index: 1; }*/ #header .menuwrap { margin: 0 auto; overflow: hidden; height: 78px; line-height: 78px; text-align: center; } #header .menuwrap ul { display: inline-block; margin: 0 auto; } #header .menuwrap ul li { float: left; margin: 0 30px; } #header .menuwrap ul li a { color: #666; text-transform: capitalize; font-size: 14px; } #header .menuwrap ul li a:hover { color: #999; } #header .metas { position: absolute; top: 30px; right: 80px; } #header .metas a { font-size: 12px; font-family: Microsoft Yahei; color: #666; font-weight: bold; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } #header .metas a:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; color: #999; } /*#header .metas .login .icon { width: 10px; height: 16px; background-image: url(../images/icon-user.png); margin-right: 5px; vertical-align: -4px; }*/ #header .metas .login { paddding-top: 0; line-height: 16px; } #header .metas .reg { margin-left: 10px; padding-left: 13px; height: 100%; line-height: 16px; } #header .metas .timezone { margin-left: 30px; } #header .metas .reg:after { content: ""; position: absolute; width: 3px; height: 5px; background-color: #4c4c4c; top: 50%; left: 0; margin-top: -3px; } #logincontainer { background-color: #EEF2FA; font-family: "Microsoft Yahei"; margin-top: 150px;} #logincontainer .form-header { text-align: center; margin-top: 80px; line-height: 80px; color: #fff; font-size: 50px; background-size: cover; background-attachment: initial; } #logincontainer .form-box { margin: 150px auto;width: 520px;height: 470px; max-height: 100%; border: 1px solid #19478a;background-color: #f6f6f6} #logincontainer .form { background-color: #EEE; width: 94%; width: 500px; height: 450px; margin: 10px auto; border: 1px solid #C6C6C6; } #logincontainer .form .submittooltip { position: absolute; top: 50px; left: 40px; color: #FF4949; font-size: 14px; background: #eee; border: 1px solid #eee; z-index: 999;} #logincontainer .form-bd { margin: 0px 40px; padding: 80px 0; } #logincontainer .form-bd .inp { padding: 5px; background-color: #fff; margin-bottom: 20px; height: 42px; } #logincontainer .form-bd .inp span { font-family: "Microsoft Yahei"; font-size: 14px; color: #8b8b8b; position: absolute; top: 15px; left: 15px; cursor: text; } #logincontainer .form-bd .inp .identifycode {width: 140px;} #logincontainer .form-bd .inp .identifycodeimg { height: 36px; line-height: 36px; float: right;} #logincontainer .form-bd .inp .identifycodeimg img { width: 96px; height: 36px; cursor: pointer; } #logincontainer .form-bd .inp .changeidentifycode { cursor: pointer; height: 32px; line-height: 32px;text-align: right;padding-right: 5px;float: right; } #logincontainer .form-bd .inp2 { margin-bottom: 1px; } #logincontainer .form-bd input { width: 100%; padding: 8px; border: none; } #logincontainer .form-bd .oth { padding-top: 15px; } #logincontainer .form-bd .rem { font-size: 14px; cursor: default; } #logincontainer .form-bd .rem .icon { width: 20px; height: 20px; background: url(../images/icon-checkbox.png) 0 -30px no-repeat; vertical-align: middle; margin-right: 5px; } #logincontainer .form-bd .rem .icon.checked { background-position: 0 0px; } #logincontainer .form-bd .forg { font-size: 14px; position: absolute; top: 13px; right: 0; } #logincontainer .form-bd .forg a { color: #8e8e8e; } #logincontainer .form-bd .forg a:hover { text-decoration: underline; } #logincontainer .form-bd .submit { display: block; margin: 25px 0 15px; background-color: #3399FF; font-size: 18px; color: #fff; line-height: 50px; height: 50px; text-align: center; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } #logincontainer .form-bd .submit:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } #logincontainer .form-bd .meta {font-size: 14px; } #logincontainer .form-bd .meta a { color: #3399ff; margin-left: 10px; } #logincontainer .form-bd .meta a:hover { text-decoration: underline; } #registercontainer { overflow: hidden; background-color: #EEF2FA; font-family: "Microsoft Yahei"; font-size: 15px; } #registercontainer .form-box { /*background-color: #EFF2F7;*/ width: 460px; margin: 25px auto 0; /*border: 1px solid #8492A6;*/ padding: 7px; padding-bottom: 5px;border-radius: 4px;} #registercontainer .form { /*background-color: #EFF2F7;*/ width: 100%; height: 100%; /*border: 1px solid #D3DCE6;*/ padding-bottom: 15px; border-radius: 4px;} #registercontainer .form .submittooltip { position: absolute; top: 20px; left: 40px; color: #FF4949; /*background: #EFF2F7;*/ z-index: 999;} #registercontainer .form .submittooltip2{color: #20A0FF;} #registercontainer .form-bd { margin: 0px 36px; padding: 40px 0 0; } #registercontainer .form-bd .inp { padding: 3px; margin-bottom: 15px; height: 40px;} #registercontainer .form-bd .inp span { font-family: "Microsoft Yahei"; color: #8b8b8b; position: absolute; top: 15px; left: 15px; cursor: text; } #registercontainer .form-bd .inp .identifycode { width: 65%; } #registercontainer .form-bd .inp .identifycodeimg { width: 28%; height: 30px; line-height: 30px;padding-top: 5px; margin-left: 5px; } #registercontainer .form-bd .inp .identifycodeimg img { width: 96px; height: 30px; cursor: pointer; } #registercontainer .form-bd .inp .changeidentifycode { height: 30px; line-height: 30px; } #registercontainer .form-bd .inp .changeidentifycode img { width: 16px; height: 16px; vertical-align: -4px; } #registercontainer .form-bd input { width: 100%; padding: 8px; height: 40px; border: 1px solid #ABABAB; border-radius: 3px; } #registercontainer .form-bd .oth { height: 35px;} #registercontainer .form-bd .oth a { cursor: pointer; } #registercontainer .form-bd .isreaded { color: #e8e7e7; cursor: default; } #registercontainer .form-bd .isreaded .icon { border: 1px solid #ABABAB; float: left; width: 20px; height: 20px; background: url(../images/icon-checkbox.png) 0 -30px no-repeat; vertical-align: middle; margin-right: 8px;} #registercontainer .form-bd .isreaded .icon.checked { background-position: 0 0px; } #registercontainer .form-bd .isreaded div { width: 250px; float: left; } #registercontainer .form-bd .submit { display: block; width: 370px; height: 40px; line-height: 40px; background: #3399FF; color: #FFF; font-size: 19px; cursor: pointer; text-align: center; transition: 0.2s; margin:5px 3px 13px ; transition: all 0.2s; margin-top: 5px } #registercontainer .form-bd .submit:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } #registercontainer .form-bd .meta { color: #000; padding-left: 3px;} #registercontainer .form-bd .meta a { cursor: pointer; color: #3399FF; margin-left: 3px; } #registercontainer .form-bd .meta a:hover { cursor: pointer; text-decoration: underline; } #registercontainer .protocol { text-align: center; padding: 15px; border: 1px solid silver; color: #000; position: absolute; left: 50%; margin-left: -150px; top: 90px; width: 300px; height: 350px; background: #F6F6F6; } #registercontainer .protocol a { margin: 0 auto; display: block; width: 85px; height: 28px; line-height: 28px; background: #3399FF; color: #FFF; font-size: 13px; cursor: pointer; text-align: center; transition: 0.2s; transition: 0.2s; } #registercontainer .protocol .content { height: 85%; } #registercontainer .protocol .opt { text-align: center; } #registercontainer li .remail {border-radius: 3px; width: 32%; height: 28px; line-height: 28px; background: #3399FF; color: #FFF; font-size: 13px; cursor: pointer; text-align: center; transition: 0.2s; display: inline-block; margin-left: 5px; margin-right: 0px;} #registercontainer li .remail:hover {opacity: 0.7;} #registercontainer .remail.disabled {background: #8492A6; pointer-events:none;} #registercontainer .el-dialog__header{background: #fff;} #registercontainer .el-dialog__body{padding: 10px 30px;} #registercontainer .el-dialog__footer{background: #fff;padding: 0 20px;} .md-modal { position: absolute; top: 0px; right: 0px; color: white; } .md-modal .md-close { position: absolute; top: 7px; right: 7px; width: 25px; height: 35px; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); text-indent: -8000px; } .md-modal .md-close:hover:before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .md-modal .md-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .md-modal .md-close:before, .md-modal .md-close:after { position: absolute; top: 16px; left: -4px; content: ""; width: 30px; height: 3px; background: #ccc; -webkit-transition: -webkit-transform .5s ease-out; transition: transform .5s ease-out; } .md-modal .md-close:hover:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .md-modal .md-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #footer { height: 60px; background-color: #252525; line-height: 60px; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 100; } #footer .left-panel .links { margin-left: 120px; } #footer .left-panel .links a { color: #949494; font-size: 14px; font-family: Microsoft Yahei; font-weight: bold; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; margin-left: 16px; } #footer .left-panel .links a:hover { color: #eee; } #footer .right-panel { position: absolute; right: 0; top: 0; } #footer .right-panel .copy { color: #949494; font-size: 12px; font-family: Microsoft Yahei; font-weight: bold; float: left; margin-right: 50px; } #footer .right-panel .copy a { color: #5c5c5c; } #footer .right-panel .download { float: left; } #footer .right-panel .download a { display: block; background-color: #3399ff; color: #fff; font-size: 16px; font-family: Microsoft Yahei; text-transform: uppercase; padding: 0 40px; } #footer .right-panel .download a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } .loginsuccesscontainer { overflow: hidden; background-color: #eef2fa; font-family: "Microsoft Yahei"; color: #666; width: 700px; height: 350px; margin: 150px auto; border: 1px solid #C6C6C6;} .loginsuccesscontainer .account { background: #eee; height: 60px; line-height: 60px; font-size: 0; border-left: 1px solid #C6C6C6; } .loginsuccesscontainer .account .email { display: inline-block; width: 80%; font-size: 16px; text-indent: 40px; } .loginsuccesscontainer .account .accountstatus {color: #eee; display: inline-block; padding-right: 15px;padding-left: 15px; font-size: 14px; background: #3399ff; font-weight: bold; text-align: center; } .loginsuccesscontainer .message {background-color: #f5f5f5; width: 100%; height: 230px; padding: 20px 40px; border-left: 1px solid #C6C6C6;} .loginsuccesscontainer .message h1 { height: 50px; margin-top: 20px; border-bottom: 1px solid #555; } .loginsuccesscontainer .message .messagecontent { margin-top: 20px; } .loginsuccesscontainer .opt { background: #eee; width: 100%; height: 60px; padding: 15px 40px; border-left: 1px solid #C6C6C6; } .loginsuccesscontainer .opt a {color: #eee; cursor: pointer; display: inline-block; background: #3399ff; padding: 0 20px; height: 32px; line-height: 32px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .loginsuccesscontainer .opt a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } .loginsuccesscontainer .opt .messageclose { float: right; } /*.loginsuccesscontainer .contextmenu { cursor: pointer; color: #555; background: #e6f1fc; border: 1px solid silver; height: 30px; line-height: 30px; width: 80px; text-align: center; position: absolute; top: 0; left: 0;border-radius: 4px; } .loginsuccesscontainer .contextmenu:hover { background: #ecf1fc; } .loginsuccesscontainer .el-dialog { width: 600px;}*/ .buycloudcontainerouter { margin: 0 auto; width: 100%; height: 100%; } @media screen and (min-width: 820px) { .buycloudcontainerouter { max-width: 960px; padding: 50px 0; } } @media screen and (max-width: 820px) { .buycloudcontainerouter { max-width: 720px; padding: 20px 0; } } @media screen and (min-width: 820px) { .buycloudcontainerouter .md-modal { display: none; } } .buycloudcontainerouter .formheader { color: #777; font-size: 30px; margin-bottom: 12px; } .buycloudcontainer { height: 92%; font-size: 13px; background-color: #fff; font-family: "Microsoft Yahei"; color: #555; width: 100%; } @media screen and (min-width: 820px) { .buycloudcontainer { max-height: 620px; } } @media screen and (max-width: 820px) { .buycloudcontainer { max-height: 468px; } } .buycloudcontainer .account { background: #eee; height: 70px; line-height: 70px; } .buycloudcontainer .account .email { display: inline-block; font-size: 16px; text-indent: 40px; } .buycloudcontainer .cloudprice { width: 65%; } @media screen and (min-width: 820px) { .buycloudcontainer .cloudprice { margin: 5% auto; height: 40%; } } @media screen and (max-width: 820px) { .buycloudcontainer .cloudprice { margin: 20px auto; height: 50%; } } .buycloudcontainer .cloudprice .cloudpricetablecontainer {border-radius: 5px; min-height: 200px; background: #eee; width: 100%; height: 100%; padding-top: 20px; } .buycloudcontainer .cloudprice .cloudpricetable { height: 90%; text-align: center; width: 94%; margin: 0px auto; } .buycloudcontainer .cloudprice .cloudpricetable td { width: 133px; height: 40px; border: 1px solid #bbb; } .buycloudcontainer .cloudprice .cloudpricetable td input { width: 100%; height: 40px; border: none; background: none; color: #555; text-align: center; } .buycloudcontainer .cloudprice .cloudpricetable td .numchange { position: relative; } .buycloudcontainer .cloudprice .cloudpricetable td .act { width: 20px; height: 40px; position: absolute; top: 0px; right: 10px; } .buycloudcontainer .cloudprice .cloudpricetable td .icon { width: 20px; height: 20px; position: absolute; left: 0; cursor: pointer; background: url("../images/icon-number.png") 0 0 no-repeat; } .buycloudcontainer .cloudprice .cloudpricetable td .iconup { top: 0; } .buycloudcontainer .cloudprice .cloudpricetable td .iconup:hover { background-position: -30px 0; } .buycloudcontainer .cloudprice .cloudpricetable td .icondown { bottom: 0; background-position: 0 -20px; } .buycloudcontainer .cloudprice .cloudpricetable td .icondown:hover { bottom: 0; background-position: -30px -20px; } .buycloudcontainer .cloudprice .cloudpricetable td.selecttd { text-align: right; } .buycloudcontainer .cloudprice .cloudpricetable td select { margin-right: 10px; width: 55%; background: #eee; color: #555; height: 33px; border: none; } .buycloudcontainer .cloudprice .cloudpricetable td option { text-align: center; } .buycloudcontainer .cloudprice .cloudpricetable .blank td { border-left:none;border-right:none;height:5px; } .buycloudcontainer .cloudprice .datecontainer { margin: 10px 0 0 0; height: 40px; line-height: 40px; background: #4b4b4c; } .buycloudcontainer .cloudprice .datecontainer span { display: inline-block; width: 46%; text-align: center; } .buycloudcontainer .cloudprice .datecontainer span.span1 { width: 50%; border-right: 10px solid #373839; } .buycloudcontainer .opt .splitline { width: 400px; height: 1px; background: #aaa; margin: 0 auto; } @media screen and (max-width: 820px) { .buycloudcontainer .cloudprice .datecontainer { display: none; } } @media screen and (min-width: 820px) { .buycloudcontainer .opt { width: 90%; margin: 0px auto; text-align: center; } } @media screen and (max-width: 820px) { .buycloudcontainer .opt { width: 90%; margin: 0px auto; text-align: center; padding-top: 10px; } } @media screen and (min-width: 820px) { .buycloudcontainer .opt .paymethod { height: 80px; line-height: 80px; } } @media screen and (max-width: 820px) { .buycloudcontainer .opt .paymethod { height: 60px; line-height: 60px; } } .buycloudcontainer .opt .paymethod input { vertical-align: -2px; margin-left: 30px; } .buycloudcontainer .opt .paymethod span { position: absolute; } .buycloudcontainer .opt .buycloud { width: 625px; margin: 0 auto; } .buycloudcontainer .opt a {border-radius: 5px; color: #fff; margin-left: 5px; margin-right: 5px; cursor: pointer; display: inline-block; background: #3399ff; padding: 0 20px; width: 300px; height: 40px; line-height: 40px; text-align: center; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .buycloudcontainer .opt a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } .formcontainer { position: absolute; top: 150px; left: 5%;width: 90%; height: 340px;background: #eee; font-size: 15px; font-family: "Microsoft Yahei"; padding: 7px; } .formcontainer .account { height: 50px; line-height: 50px; text-indent: 15px; font-size: 19px; color: #3399FF; } .formcontainer .message { background: #EEE; position: relative; border: 1px solid #C6C6C6; padding: 0 30px; } .formcontainer .message .messagecontent { margin-top: 40px; line-height: 23px; } .formcontainer .message .messagecontent p { margin-top: 5px; line-height: 23px; } .formcontainer .message .messagecontent .accountstatus2 { color: #F60707; } .formcontainer .opt { position: absolute; bottom: 15px; right: 25px; } .formcontainer .opt a { display: block; width: 85px; height: 28px; line-height: 28px; background: #3399FF; color: #FFF; font-size: 13px; cursor: pointer; text-align: center; transition: 0.2s; float: left; } .formcontainer .opt a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } .formcontainer .opt .messageclose { margin-left: 20px; } .mailsendfailcontainer a.remail { width: 110px; } .registeractivecodecontainer .message .messagecontent { margin-top: 20px; line-height: 23px; padding: 0 0 10px 0px; margin-right: -20px;} .registeractivecodecontainer .message .activecode { line-height: 40px; padding: 12px 0px; } .registeractivecodecontainer .message .activecode .activetitle { font-size: 17px; } .registeractivecodecontainer .message .activecode input { margin-left: 5px; height: 40px; width: 200px; font-size: 13px; text-indent: 5px; } .registeractivecodecontainer .message .activecode a { display: block; width: 75px; height: 28px; line-height: 28px; background: #3399FF; color: #FFF; font-size: 13px; cursor: pointer; text-align: center; transition: 0.2s; display: inline-block; margin-left: 5px; margin-right: 0px;} .registeractivecodecontainer .message .activecode .resend { margin-left: 0px; } .registeractivecodecontainer .message .activecode .mailsendmessage { display: none; margin-left: 15px; height: 26px; font-size: 13px; color: #bd3a00; } .registeractivecodecontainer .message .activecode .mailsendmessageshow { display: inline; } .registeractivesuccesscontainer .message .messagecontent { line-height: 30px; } .registeractivesuccesscontainer .message .messagecontent a { color: #3399FF; } .registeractivefailcontainer .message .messagecontent { margin-top: 30px; line-height: 23px; } .registeractivefailcontainer .message .messagecontent .error { color: #F60707; } .registeractivefailcontainer .message .activecode { line-height: 40px; padding: 12px 0px; } .registeractivefailcontainer .message .activecode .activetitle { font-size: 17px; } .registeractivefailcontainer .message .activecode input { margin-left: 5px; height: 40px; width: 350px; font-size: 13px; text-indent: 5px; } .registeractivefailcontainer .message .activecode a { display: block; width: 75px; height: 28px; line-height: 28px; background: #3399FF; color: #FFF; font-size: 13px; cursor: pointer; text-align: center; transition: 0.2s; display: inline-block; margin-left: 5px; margin-right: 0px;} .registeractivefailcontainer .message .activecode .resend { margin-left: 0px; } .registeractivefailcontainer .message .activecode .mailsendmessage { display: none; margin-left: 15px; height: 26px; font-size: 13px; color: #bd3a00; } .registeractivefailcontainer .message .activecode .mailsendmessageshow { display: inline; } .modifypassmailcontainer { position: absolute; left: 50%; top: 104px; margin-left: -350px; background-color: #434344; font-family: "Microsoft Yahei"; color: #EEE; width: 700px; height: 350px; } .modifypassmailcontainer .account { background: #555; height: 60px; line-height: 60px; font-size: 0; } .modifypassmailcontainer .account .accountstatus { float: right; display: inline-block; width: 20%; font-size: 14px; background: #3399ff; font-weight: bold; text-align: center; } .modifypassmailcontainer .message { width: 100%; height: 230px; padding: 20px 40px; } .modifypassmailcontainer .message h1 { height: 50px; margin-top: 20px; border-bottom: 1px solid #555; } .modifypassmailcontainer .message .messagecontent { margin-top: 40px; } .modifypassmailcontainer .opt { background: #474747; width: 100%; height: 60px; padding: 15px 40px; } .modifypassmailcontainer .opt a { cursor: pointer; display: inline-block; background: #3399ff; padding: 0 20px; height: 28px; line-height: 28px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .modifypassmailcontainer .opt a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } .modifypassmailcontainer .opt .messageclose { margin-left: 20px; float: right; } .modifypasscontainer .message { width: 100%; height: 160px; padding: 20px 30px; } .modifypasscontainer .message .messagetitle { height: 40px; margin: 2px 0 0 0; border-bottom: 1px solid #555; } .modifypasscontainer .message .modifypassform .label { text-align: left; height: 36px; line-height: 36px;padding-right:20px; } .modifypasscontainer .message .modifypassform { width: 100%; margin: 10px auto; padding-right: 20px; } .modifypasscontainer .message .modifypassform input { width: 200px; margin: 3px auto; height: 32px; padding: 0.5em 10px; } .modifypasscontainer .opt .r { margin-right: 40px; } .modifypasscontainer .opt a { text-align: center; cursor: pointer; display: inline-block; background: #3399ff; margin-left: 25px; width: 85px; height: 28px; line-height: 28px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .modifypassuscesscontainer .message .messagecontent { margin-top: 10px; } .modifypassuscesscontainer .opt a { width: 85px; height: 28px; line-height: 28px; text-align: center; } .findpassresetcodecontainer .opt a { width: 105px; height: 28px; line-height: 28px; text-align: center; } .findpasscontainer1{background: #eee;width: 100%;height: 100%;} .findpasscontainer { position: absolute; top: 80px; left: 50%; margin-left: -235px; width: 470px; height: 390px; background-color: #EEF2FA; font-family: "Microsoft Yahei"; } .findpasscontainer .form { background-color: #eee; margin: 0 auto; } .findpasscontainer .form .submittooltip { position: absolute; top: 50px; left: 40px; color: #FF4949; font-size: 14px; background: #eee; z-index: 999;} .findpasscontainer .form-bd { margin: 0px 40px; padding: 70px 0; } .findpasscontainer .form-bd h1 { color: #333; font-size: 25px; } .findpasscontainer .form-bd h4 { color: #333; font-size: 14px; margin: 30px 0 15px 0; } .findpasscontainer .form-bd .inp { padding: 5px; background-color: #fff; margin-bottom: 15px; height: 42px; } .findpasscontainer .form-bd input { width: 100%; padding: 8px; border: none; } .findpasscontainer .form-bd .submit { display: block; margin: 20px 0 20px; background-color: #3399ff; font-size: 18px; color: #fff; line-height: 50px; height: 50px; text-align: center; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .findpasscontainer .form-bd .submit.disabled {pointer-events:none; display: block; margin: 20px 0 20px; background-color: #CCC; font-size: 18px; color: #fff; line-height: 50px; height: 50px; text-align: center; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .findpasscontainer .form-bd .submit:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } .findpasscontainer .form-bd .meta { color: #333; font-size: 14px; } .findpasscontainer .form-bd .meta a { cursor: pointer; color: #3399ff; } .findpasscontainer .form-bd .meta a:hover { text-decoration: underline; } .formcontainer .remail {margin-right: 20px;} .formcontainer .remail.disabled {margin-right: 20px; background: #CCC; pointer-events:none;} .profilecontainer { position: absolute; left: 50%; top: 70px; margin-left: -365px; font-family: "Microsoft Yahei"; color: #444; width: 730px; height: 370px; } .profilecontainer .account { background: #eee; height: 60px; line-height: 60px; font-size: 0; border: 1px solid #C6C6C6; } .profilecontainer .account .email { display: inline-block; font-size: 16px; text-indent: 40px; } .profilecontainer .account .accountstatus {color: #eee; float: right; display: inline-block; width: 25%; font-size: 14px; background: #3399ff; font-weight: bold; text-align: center; } .profilecontainer .profile { width: 100%; height: 300px; padding: 20px 40px; background-color: #f5f5f5; border-left: 1px solid #C6C6C6;border-right: 1px solid #C6C6C6;} .profilecontainer .profile h1 { height: 50px; margin-top: 20px; border-bottom: 1px solid #555; } .profilecontainer .profile h3 { font-size: 14px; margin-bottom: 10px; } .profilecontainer .profile .inp { margin-bottom: 10px; } .profilecontainer .profile .modifypassform, .profilecontainer .profile .usernameform { width: 28%; margin: 30px 15px; } .profilecontainer .profile .photoform { width: 32%; margin: 30px 0 30px 15px; } .profilecontainer .profile .modifypassform input, .profilecontainer .profile .usernameform input { width: 100%; margin: 1px auto; height: 32px; padding: 0.5em 10px; } .profilecontainer .profile .photoform .photo { width: 110px; height: 110px; background: #FFF; } .profilecontainer .profile .photoform .photo img { width: 110px; height: 110px; background: #FFF; } .profilecontainer .profile .photoform .upload { width: 70px; margin-left: 10px; } .profilecontainer .profile .photoform .choosephoto { width: 70px; height: 26px; margin-bottom: 10px; } .profilecontainer .profile .photoform .fileInputContainer { position: relative; text-align: center; cursor: pointer; width: 80px; height: 26px; line-height: 26px; background: #ddd; } .profilecontainer .profile .photoform .fileInput { height: 30px; width: 100%; overflow: hidden; font-size: 300px; position: absolute; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } .profilecontainer .opt { background: #eee; width: 100%; height: 60px; padding: 15px 0px 15px 30px; border: 1px solid #C6C6C6; } .profilecontainer .opt .r { margin-right: 40px; } .profilecontainer .opt a { cursor: pointer; display: inline-block;color: #eee; background: #3399ff; margin-left: 25px; padding: 0 20px; height: 28px; line-height: 28px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .profilecontainer .opt a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } .messagecontainer { max-width: 1014px; margin: 0 auto; font-family: "Microsoft Yahei"; font-size: 12px; width: 100%; height: 100%; background: #eef2fa; padding: 20px 0; } .messagecontainer .messagetitle { height: 40px; margin-bottom: 15px; } .messagecontainer .messagecontent { height: 717px; } .messagecontainer h1 { color: #777; font-size: 30px; } .messagecontainer .messagetype { width: 25%; height: 100%; background: #d0e1ec; color: #555; } .messagecontainer .messagetype li { margin-bottom: 2px; cursor: pointer; height: 50px; line-height: 50px; padding-left: 20px; } .messagecontainer .messagetype li.checked { background: #edf7ff; margin-bottom: 0px; cursor: pointer; height: 50px; line-height: 50px; padding-left: 20px; } .messagecontainer .messagetype li img { height: 40px; width: 40px; opacity: 0.99; vertical-align: middle; } .messagecontainer .messagetype li span { margin-left: 15px; } .messagecontainer .messagetype .el-tree {background: #edf7ff !important;} .messagecontainer .el-tree-node.is-current>.el-tree-node__content {background-color: #E5E9F2 !important;} .messagecontainer .messagelist { background: #FFF; overflow-y: auto; width: 75%; height: 100%; padding: 15px 12px; color: #555; text-align: center; } .messagecontainer .messagelist .messagelistdetail { overflow-y: auto; height: 90%; margin: 20px 10px 0 0px; color: #555; text-align: center; } .messagecontainer .messagelist .type { margin: 0 auto; font-size: 14px; width: 100%; height: 40px; line-height: 40px; border: 1px solid #d95f59; } .messagecontainer .messagelist .type .messageTypeContent{width: 300px;margin-left: 155px;display: inline-block;} .messagecontainer .messagelist .messagelistdetail li { margin: 0 auto; width: 649px; color: #888; margin-bottom: 25px; } .messagecontainer .messagelist .messagelistdetail li .time { padding: 2px 10px; margin: 10px auto; width: 200px; background: #EEF2FA; } .messagecontainer .messagelist .messagelistdetail li .content { position: relative; min-height: 80px; border-radius: 6px; border: 1px solid #DDD; margin: 10px auto; padding: 5px 10px 15px 10px; background: #EEF2FA; } .messagecontainer .messagelist .messagelistdetail li .content .md-close { z-index: 999; cursor: pointer; background: none; right: 10px; width: 25px; height: 25px; } .messagecontainer .messagelist .messagelistdetail li .content .md-close:before { width: 30px; } .messagecontainer .messagelist .messagelistdetail li .content .md-close:after { width: 30px; } .messagecontainer .messagelist .messagelistdetail li .content .icon { width: 40px; height: 40px; position: absolute; left: 15px; top: 50%; margin-top: -15px; } .messagecontainer .messagelist .messagelistdetail li .content .icon img { width: 40px; height: 40px; } .messagecontainer .messagelist .messagelistdetail li .content .message { width: 420px; margin: 10px 0 0 70px; } .messagecontainer .messagelist .messagelistdetail li .content .message .label { color: #000; font-weight: bold; } .messagecontainer .messagelist .messagelistdetail li .content p { color: #000; text-align: left; line-height: 20px; } .messagecontainer .messagelist .messagelistdetail li .read p { color: #000; font-weight: normal; text-align: left; line-height: 20px; } .messagecontainer .messagelist .messagelistdetail li .content span { float: right; cursor: pointer; font-weight: bold; color: #0262CD; } .messagecontainer .messagelist .messagelistdetail li .opt { position: absolute; bottom: 10px; right: 10px; } .messagecontainer .messagelist .messagelistdetail li .opt2 { position: absolute; bottom: 10px; right: 10px; color: #AAA; } .messagecontainer .messagelist .messagelistdetail li .opt button { border-radius: 4px; border: 1px solid #808080; margin-top: 10px; cursor: pointer; display: inline-block; background: #808080; margin-left: 3px; height: 30px; line-height: 30px; color: #EEE; width: 60px; } .messagecontainer .messagelist .messagelistdetail li .opt button.cancel { background: #FFF; color: #333; width: 60px; border: 1px solid #AAA; } .messagecontainer .messagelist .messagelistdetail li .opt button.buy { width: 80px; } .messagecontainer .messagelist .allReadButton { float: right; margin-top: 5px;margin-right: 5px;} /*.messagecontainer .messagelist .allReadButton:hover { background: #808080;}*/ .messagecontainer .messagelist .showall a { cursor: pointer; } .messagecontainer .groupNoticeList {font-size:12px;margin-top:15px;font-weight: normal;text-align: left;} .messagecontainer .groupNoticeList .el-pagination {float: right; right:10px;} .messagecontainer .groupNoticeList .el-checkbox__inner { width: 17px !important; height: 17px !important;} .messagecontainer .groupNoticeList .el-table {margin-bottom:5px;} .messagecontainer .groupNoticeList .el-table table{width: 100% !important;} .messagecontainer .groupNoticeList .el-table table .el-button--small {padding: 3px 3px;} .messagecontainer .groupNoticeList .detail{font-size:12px;margin-top:40px;padding:0 30px;} .homecontainer { max-width: 964px; margin: 0 auto; font-family: "Microsoft Yahei"; font-size: 12px; width: 100%; height: 100%; background: #eef2fa; padding: 50px 0; } .homecontainer .hometitle { height: 40px; margin-bottom: 25px; } .homecontainer .hometitle button { display: inline-block; width: 120px; margin-right: 20px; height: 30px; line-height: 30px; background: #F2F6FC;border:1px solid silver;border-radius: 4px; } .homecontainer .homecontent { height: 100%; } .homecontainer h1 { color: #777; font-size: 30px; } .homecontainer .userinfotype { width: 25%; height: 100%; background: #F2F6FC; color: #555; } .homecontainer .userinfotype li { margin-bottom: 2px; cursor: pointer; height: 50px; line-height: 50px; padding-left: 20px; } .homecontainer .userinfotype li.checked { background: #f4f4f9; margin-bottom: 2px; cursor: pointer; height: 50px; line-height: 50px; padding-left: 20px; } .homecontainer .userinfotype li img { height: 40px; width: 40px; vertical-align: middle; border-radius: 50%; } .homecontainer .userinfotype li span { margin-left: 15px; } .homecontainer .userinfo { position: relative; width: 100%; height:100%; background: #fff; padding: 0 0px; color: #555; text-align: left;} .homecontainer .userinfo .userinfotitle {color: #555; width: 100%; height: 40px; background: #eef1f6; line-height: 40px; padding: 0 30px; font-size: 14px; } .homecontainer .userinfo .accountinfo ul { padding: 10px 30px; } .homecontainer .userinfo .accountinfo ul li { height: 30px; line-height: 30px; margin-top: 15px; } .homecontainer .userinfo .accountinfo ul .photoli { height: 90px; line-height: 30px; margin-top: 12px; } .homecontainer .userinfo .accountinfo ul .photoli .fileInput { height: 30px; width: 100%; overflow: hidden; font-size: 0px; position: absolute; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } .homecontainer .userinfo .accountinfo ul .photoli .fileInputContainer { position: relative; text-align: center; cursor: pointer; float: right; display: inline-block; width: 17%; margin-right: 20px; height: 30px; line-height: 30px; background: #F2F6FC;;border:1px solid silver;border-radius: 4px; } .homecontainer .userinfo .accountinfo ul .photoli .fileInputContainer:hover{ background: #f6f6f6;border:1px solid #3399ff;border-radius: 4px; } .homecontainer .userinfo .accountinfo ul label { display: inline-block;width: 20%;text-align: center;font-size: 13px;margin-right: -10px; height: 30px; line-height: 30px;} .homecontainer .userinfo .accountinfo ul input { display: inline-block; width: 50%; text-indent: 8px; height: 30px; line-height: 30px; } .homecontainer .userinfo .accountinfo ul .phototitle { display: inline-block;width: 20%;text-align: center;font-size: 13px;margin-right: -10px; height: 30px; line-height: 30px;} .homecontainer .userinfo .accountinfo ul .photo { display: inline-block; width: 56%; height: 100px; margin-left: 1%; } .homecontainer .userinfo .accountinfo ul .photo img { width: 100px; height: 90px; background: #FFF; } .homecontainer .userinfo .accountinfo ul button { float: right; display: inline-block; width: 17%; margin-right: 20px; height: 30px; line-height: 30px; background: #F2F6FC;border:1px solid silver;border-radius: 4px; } .homecontainer .userinfo .accountinfo ul button:hover { background: #f6f6f6;border:1px solid #3399ff;border-radius: 4px; } .homecontainer .userinfo .accountinfo ul .verifycode span { margin-left: 0px; display: inline-block; width: 55.3%; } .homecontainer .userinfo .accountinfo ul .verifycode span .verifycodelabel { width: 20%; } .homecontainer .userinfo .accountinfo ul .verifycode span input { width: 45%; } .homecontainer .userinfo .accountinfo ul .verifycode span button { width: 30%; margin: 0; } .homecontainer .userinfo .cloudinfo .tablecontainer { width: 90%; margin: 15px auto; } .homecontainer .userinfo .cloudinfo .cloudinfotable { text-align: center; width: 100%; } .homecontainer .userinfo .cloudinfo .cloudinfotable td { width: 24%; height: 40px; border: 1px solid #bbb; } .homecontainer .userinfo .userinfotitle .buy { text-align: center; width: 50%;} .homecontainer .userinfo .userinfotitle a {float: right; margin-left: 10px; display: inline-block; width: 34%; height: 30px; line-height: 30px;background: #F2F6FC;border: 1px solid silver;border-radius: 4px; margin-top: 5px; font-size: 12px;} .homecontainer .userinfo .userinfotitle a:hover {background: #f6f6f6;border:1px solid #3399ff;border-radius: 4px;} .homecontainer .userinfo .buyhistory { text-align: center; height: 157px; } .homecontainer .userinfo .buyhistorycontainer { overflow-y: hidden; height: 217px; } .homecontainer .userinfo .buyhistorytablecontainer { width: 95%; overflow-y: auto; height: 157px; margin: 15px 0; } .homecontainer .userinfo .buyhistory .buyhistorytable { margin: 0px auto; text-align: center; width: 95%; } .homecontainer .userinfo .buyhistory .buyhistorytable td { width: 19%; height: 40px; border: 1px solid #bbb; } .homecontainer .userinfo .cloudchange { text-align: center; height: 157px; } .homecontainer .userinfo .cloudchangetablecontainer { width: 95%; overflow-y: auto; height: 157px; margin: 15px 0; } .homecontainer .userinfo .cloudchange .cloudchangetable { margin: 0px auto; text-align: center; width: 95%; } .homecontainer .userinfo .cloudchange .cloudchangetable td {width: 100px; height: 40px; border: 1px solid #bbb; } .homecontainer .dialog { border: 1px solid #d1d2d6; position: absolute; left: 50%; margin-left: -255px; top: 190px; background-color: #fff; font-family: "Microsoft Yahei"; color: #555; width: 510px; height: 210px; } .homecontainer .dialog .dialogtitle { text-indent: 20px; background: #d1d2d6; height: 34px; line-height: 34px; font-size: 14; } .homecontainer .dialog .content { width: 100%; padding: 5px 20px; text-align: center; } .homecontainer .dialog .content ul { margin-top: 10px; } .homecontainer .dialog .content li { margin-top: 5px; width: 100%; } .homecontainer .dialog .content li.narrow { margin-top: 2px; } .homecontainer .dialog .content li .tooltip { height: 20px; line-height: 20px;} .homecontainer .dialog .content label { display: inline-block; width: 138px; text-align: left; } .homecontainer .dialog .content input { border: 1px solid silver; text-indent: 8px; height: 26px; width: 200px; text-align: left; padding: 0px; } .homecontainer .dialog .content .submittooltip { height: 20px; line-height: 20px; border-radius: 4px; text-align: right; padding-right: 50px; } .homecontainer .dialog .content a { margin-left: 0px; text-align: center; width: 90px; cursor: pointer; display: inline-block; background: #eee;border: 1px solid #aaa; height: 26px; border-radius: 4px; line-height: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .homecontainer .dialog .content a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; border: 1px solid #3399ff;} .homecontainer .dialog .content a.disabled { margin-left: 10px; text-align: center; width: 80px; cursor: pointer; display: inline-block; background: #CCC; height: 26px; line-height: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; pointer-events: none;} .homecontainer .dialog .content span { width: 90px; display: inline-block; } .homecontainer .dialog .opt { width: 250px; height: 60px; margin-top: 5px; background: none;} .homecontainer .dialog .opt a { border-radius: 3px; margin-right: 15px; text-align: center; width: 100px; cursor: pointer; display: inline-block; background: #eee;border: 1px solid #aaa; height: 26px; line-height: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .homecontainer .dialog .opt a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; border: 1px solid #3399ff;} .homecontainer .nicknamedialog { height: 180px; } .homecontainer .nicknamedialog .content ul { margin: 30px 0; } .homecontainer .nicknamedialog .content li { margin-top: 10px; width: 100%; } .homecontainer .buyinfodialog { width: 610px; height: 305px; } .homecontainer .buyinfodialog .cloudpricetablecontainer { margin-top: 20px; } .homecontainer .buyinfodialog .cloudpricetable { height: 90%; text-align: center; width: 90%; margin: 0px auto; } .homecontainer .buyinfodialog .cloudpricetable td { width: 133px; height: 40px; border: 1px solid #bbb; } .homecontainer .buyinfodialog .cloudpricetable td input { text-align: center; width: 90%; height: 40px; border: none; background: none; color: #FFF; text-align: center; padding-right: 5px; } .homecontainer .buyinfodialog .cloudpricetable td .numchange { position: relative; } .homecontainer .buyinfodialog .cloudpricetable td .act { width: 20px; height: 40px; position: absolute; top: 1px; right: 10px; } .homecontainer .buyinfodialog .cloudpricetable td .icon { width: 20px; height: 20px; position: absolute; left: 0; cursor: pointer; background: url("../images/icon-number2.png") 0 0 no-repeat; } .homecontainer .buyinfodialog .cloudpricetable td .iconup { top: 0; } .homecontainer .buyinfodialog .cloudpricetable td .iconup:hover { background-position: -27px 0; } .homecontainer .buyinfodialog .cloudpricetable td .icondown { bottom: 0; background-position: 0 -20px; } .homecontainer .buyinfodialog .cloudpricetable td .icondown:hover { bottom: 0; background-position: -27px -20px; } .homecontainer .buyinfodialog .datecontainer { margin: 10px auto; width: 90%; } .homecontainer .buyinfodialog .datecontainer div { margin-bottom: 15px; height: 40px; line-height: 40px; width: 49%; text-align: center; border: 1px solid #DDD; } .homecontainer .buyinfodialog .datecontainer div.div1 { margin-left: 2%; } .homecontainer .buyinfodialog .opt { margin-right: 35px; } .homecontainer .userinfotitle { color: #EEE; text-align: left; width: 100%; height: 40px; line-height: 40px; background: #797777; } .homecontainer .userinfotitle .btnList { cursor: pointer; display: inline-block; height: 26px; vertical-align: -1px; line-height: 26px; width: auto; padding-left:5px;padding-right: 5px; text-align: center; border-radius: 4px;} .homecontainer .userinfotitle .active { background: #AAA; } .payordercontainer { padding-top: 150px; font-family: "Microsoft Yahei"; color: #555; width: 600px; height: 350px; margin: 0px auto; } .payordercontainer .payordertitle { text-indent: 40px; background: #d3d6de; height: 60px; line-height: 60px; font-size: 14; } .payordercontainer .orderinfo { background-color: #f3f3f3; width: 100%; height: 230px; padding: 20px 40px; } .payordercontainer .orderinfo li { height: 25px; line-height: 25px; } .payordercontainer .orderinfo .orderinfotitle { width: 130px; } .payordercontainer .orderinfo .orderamount { margin-top: 20px; } .payordercontainer .orderinfo .orderamount .amount { color: #3399ff; } .payordercontainer .orderinfo .changePayType { margin-top: 12px; } .payordercontainer .orderinfo .changePayType input { vertical-align: -2px; } .payordercontainer .orderinfo .payType { margin-left: 85px; } .payordercontainer .orderinfo .payType input { margin-left: 50px; } .payordercontainer .opt { background: #f3f3f3; width: 100%; height: 60px; padding: 15px 160px; } .payordercontainer .opt a { text-align: center; width: 100px; cursor: pointer; display: inline-block; background: #3399ff; border-radius: 4px; height: 28px; line-height: 28px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .payordercontainer .opt a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } .payordercontainer #tempform { display: none; } .paycontainer { position: absolute; left: 50%; margin-left: -25%; top: 150px; text-align: center; border: 1px solid #555; font-family: "Microsoft Yahei"; color: #222; width: 50%; height: 350px; } .paycontainer .message { height: 260px; padding: 100px 30px 0 30px; } .paycontainer .message div { height: 30px; line-height: 30px; } .paycontainer .message .returnhome { display: inline-block; color: blue; text-decoration: underline; margin-top: 30px; } .paycontainer hr { width: 85%; border: none; border-top: 1px solid #CCC; } .paycontainer .paytype { padding-top: 12px; } .paycontainer .waitopt { height: 260px; padding: 100px 30px 0 30px; } .paycontainer .waitopt { width: 80%; margin: 0 auto; text-align: left; } .paycontainer .waitopt div { line-height: 30px; } .paycontainer .waitopt div a { color: blue; cursor: pointer; text-decoration: underline; } .friendcontainer { max-width: 964px; color: #555; font-family: "Microsoft Yahei"; font-size: 12px; font-weight: bold; width: 100%; height: 100%; background: #eef2fa; margin: 30px auto; } /*.friendcontainer .friendtitle { height: 40px;margin-bottom: 10px;}*/ .friendcontainer .notreadmessage {cursor: pointer; float: right; height: 30px;margin: -10px 5px 0 10px; } .friendcontainer .notreadmessage:hover { text-decoration: underline; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } .friendcontainer .friendcontent { margin-bottom: 30px; } .friendcontainer h1 { color: #777; font-size: 30px; } .friendcontainer .addfriend button { margin: 0 10px 8px 0; text-align: center; width: 100px; cursor: pointer; display: inline-block;background: #e8e9f3;border:1px solid silver;border-radius: 4px;height: 32px; line-height: 32px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .friendcontainer .addfriend button:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; border: 1px solid #3399ff;} .friendcontainer .listtitle {padding-left: 3px; border-right: 1px solid #d3d6de; color: #555; text-align: left; width: 100%; height: 40px; line-height: 40px; text-indent: 15px; background: #cadbe9; } .friendcontainer .listtitle button{background: #d3e4ef; cursor: pointer;border-radius: 4px;border: 1px solid #bbb;height: 26px;line-height: 26px;padding: 0 8px;float: left;margin: 8px 3px;} .friendcontainer .listtitle .disablebutton{background: #d9d9df; cursor: default;} .friendcontainer .listtitle button:hover{ border: 1px solid #3399cc;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9;} .friendcontainer .listtitle .disablebutton:hover{background: #bbb !important; cursor: default !important;} .friendcontainer .listtitle .groupedit { margin-right: 20px; cursor: pointer; } .friendcontainer .allgrouplist { width: 23%; height: 680px; background: #f3f9fe; color: #555; overflow-y: auto;margin-top: 15px; } .friendcontainer .allgrouplist .grouplist { height: 640px; border: 1px solid #d0e1ec; border-top: none; } .friendcontainer .allgrouplist li .allGroupLi{ position: relative; cursor: pointer; height: 50px; line-height: 50px; padding-left: 10px; } .friendcontainer .allgrouplist li .allGroupLi .photoImage { position: absolute; top: 5px; width: 40px; height: 40px; overflow: hidden; } .friendcontainer .allgrouplist li .allGroupLi .photoImage img { width: 40px; height: 40px; opacity: 1; } .friendcontainer .allgrouplist li .createdGroupList{ position: relative; cursor: pointer; height: 41px; line-height: 41px; padding-left: 20px; } .friendcontainer .allgrouplist li .createdGroupList .photoImage { position: absolute; top: 3px; width: 35px; height: 35px; overflow: hidden; } .friendcontainer .allgrouplist li .createdGroupList .photoImage img { width: 35px; height: 35px; opacity: 1; } .friendcontainer .allgrouplist li span { margin-left: 60px;position: absolute;left: 0; width: calc(100% - 60px); } .friendcontainer .allgrouplist li span input { width: 130px; padding: 3px 5px; font-size: 12px; } .friendcontainer .allgrouplist li.checked { background: #d0e1ec; } .friendcontainer .friendlisttitle { color: #555; text-align: left; width: 100%; height: 40px; line-height: 40px; text-indent: 15px; background: #d8dcdf; } .friendcontainer .friendlisttitle .friendstitle {background: #d0d6db; width: 222px;} .friendcontainer .friendlisttitle .friendopt { margin-right: 5px; } .friendcontainer .friendlisttitle .friendopt .btn_friendadd { background: #d9d9df;text-indent: 0px;border: 1px solid #bbb; height: 26px; line-height: 26px; margin: 8px 0 0 3px;border-radius: 4px;width: 45px;text-align: center; cursor: pointer; } .friendcontainer .friendlisttitle .friendopt .btn_frienddelete {background: #d9d9df; text-indent: 0px;border: 1px solid #bbb; height: 26px; line-height: 26px; margin: 8px 0 0 3px;border-radius: 4px;width: 45px;text-align: center; cursor: pointer; } .friendcontainer .friendlisttitle .friendopt .btn_friendadd:hover{ border: 1px solid #3399cc;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9;} .friendcontainer .friendlisttitle .friendopt .btn_frienddelete:hover{ border: 1px solid #3399cc;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9;} .friendcontainer .allfriendlist { width: 77%; height: 680px; background: #d0e1ec; color: #555; margin-top:-5px;} .friendcontainer .friendlist { width: 30%; background: #e0e6eb; color: #555; height:640px; overflow-y: auto;} .friendcontainer .friendlist li { position: relative; cursor: pointer; height: 50px; line-height: 50px; padding-left: 10px; border-bottom: 1px solid #bbb;} .friendcontainer .friendlist li .photoImage { position: absolute; top: 5px; width: 40px; height: 40px; border-radius: 40px; overflow: hidden; } .friendcontainer .friendlist li .photoImage img { width: 40px; height: 40px; } .friendcontainer .friendlist li.checked { background: #f3f9fe; cursor: pointer; } .friendcontainer .friendlist li span { margin-left: 50px; } /*.friendcontainer .grouplistcontainer{ height: 343px; } .friendcontainer .grouplistcontainer .grouplisttitle { padding-left: 10px; color: #555; text-align: left; width: 100%; height: 40px; line-height: 40px; background: #d3d6de;} .friendcontainer .grouplistcontainer .grouplisttable { overflow-y: auto; padding: 15px 25px; background: #f3f3f3;color: #555; height: 258px;} .friendcontainer .grouplistcontainer .grouplisttable table td { padding-left: 10px; height: 30px; border: 1px solid #bbb;width:240px;} */ .friendcontainer .friendinfo { overflow: hidden; width: 70%; position: relative; height: 640px; color: #DDD; text-align: left; } .friendcontainer .friendinfo .detailinfo { height: 100%; } .friendcontainer .friendinfo .accountinfo {color:#555; height: 100%; background: #f3f3f3; padding: 10px 32px; } .friendcontainer .friendinfo .accountinfo ul { margin-top: 10px; } .friendcontainer .friendinfo .accountinfo ul li { line-height: 30px; margin-top: 12px; } .friendcontainer .friendinfo .accountinfo ul label { display: inline-block; width: 25%; vertical-align: top; } .friendcontainer .friendinfo .accountinfo ul input { display: inline-block; width: 73%; text-indent: 8px; height: 30px; line-height: 30px; } .friendcontainer .friendinfo .accountinfo ul select { display: inline-block; width: 73%; text-indent: 8px; height: 30px; line-height: 30px; } .friendcontainer .friendinfo .accountinfo ul textarea { width: 99%; height: 100px; } .friendcontainer .grouplisttable { display: inline-block; overflow-y: overlay; max-height: 100px;margin-bottom: -10px;} .friendcontainer .friendinfo .accountinfo ul li .grouplisttable tr { margin-top: 0px; } .friendcontainer .friendinfo .accountinfo ul li .grouplisttable td {background: #fff; padding-left: 10px; height: 30px; border: 1px solid #bbb;width:330px;margin-top: 0;} .friendcontainer .friendRelationship { display: inline-block;} .friendcontainer .friendinfo .accountinfo ul li .friendRelationship tr { margin-top: 0px; } .friendcontainer .friendinfo .accountinfo ul li .friendRelationship td {background: #fff; padding-left: 10px; height: 30px; border: 1px solid #bbb;width:165px;margin-top: 0;} .friendcontainer .friendedit button { margin: 10px 6px; float: right; width: 160px; } .friendcontainer .friendedit button:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; border: 1px solid #3399ff;} .friendcontainer .dialog { height: 180px; border: 1px solid #ccc; position: absolute; left: 50%; margin-left: -255px; top: 100px; background-color: #f3f3f3; font-family: "Microsoft Yahei"; color: #555; width: 510px; padding-bottom: 20px; } .friendcontainer .dialog .dialogtitle { text-indent: 20px; background: #d3d6de; height: 34px; line-height: 34px; font-size: 14; } .friendcontainer .dialog .content { width: 100%; padding: 10px 15px; text-align: left;background:#f3f3f3; } .friendcontainer .dialog .content ul { margin-top: 10px; } .friendcontainer .dialog .content li { margin-top: 10px; width: 100%; padding: 0 10px; } .friendcontainer .dialog .content li.identifycode { margin: 0px auto; width: 96%; padding: 5px; background-color: #fff; height: 42px; } .friendcontainer .dialog .content li.identifycode span { font-family: "Microsoft Yahei"; font-size: 14px; color: #8b8b8b; position: absolute; top: 15px; left: 15px; cursor: text; } .friendcontainer .dialog .content li.identifycode .identifycode { width: 65%; } .friendcontainer .dialog .content li.identifycode .changeidentifycode { text-align: center; width: 40px; height: 30px; line-height: 30px; } .friendcontainer .dialog .content li.identifycode .changeidentifycode img { height: 16px; width: 16px; vertical-align: -6px; } .friendcontainer .dialog .content li.identifycode .identifycodeimg { width: 20%; height: 36px; line-height: 36px; } .friendcontainer .dialog .content li.identifycode .identifycodeimg img { width: 96px; height: 36px; cursor: pointer; } .friendcontainer .dialog .content h3 { margin: 10px 0; width: 100%; padding: 0 10px; font-size: 12px; } .friendcontainer .dialog .content h6 { text-indent: 20px; margin: 25px 0; width: 100%; padding: 0 10px; font-size: 12px; } .friendcontainer .dialog .content label { display: inline-block; width:130px; text-align: left; } .friendcontainer .dialog .content label.lblverifyinto { vertical-align: 40px; display: inline-block; width: 130px; text-align: left; } .friendcontainer .dialog .content input { text-indent: 8px; height: 30px; width: 320px; text-align: left; padding: 0px; } .friendcontainer .dialog .content select { text-indent: 8px; width: 220px; text-align: left; padding: 0px; } .friendcontainer .dialog .content button { border-radius: 4px; margin-right: 6px; text-align: center; width: 80px; height: 22px; padding: 0;font-size: 12px; } .friendcontainer .dialog .content .notetitle { height: 40px; } .friendcontainer .dialog .content .notetitle label { height: 40px; line-height: 40px; } .friendcontainer .dialog .content textarea { text-indent: 8px; height: 60px; width: 68%; text-align: left; padding: 0px; } .friendcontainer .dialog .content .submittooltip { color:#eee; height: 30px; line-height: 30px; color: #FF4949; text-align: right; padding-right: 50px; } .friendcontainer .dialog .opt { height: 36px; line-height: 36px; padding: 0px 40px; background: none;} .friendcontainer .dialog .opt a { border-radius: 5px; margin-left: 12px; text-align: center; width: 80px; cursor: pointer; display: inline-block; background: #3399ff; color:#eee; height: 32px; line-height: 32px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .friendcontainer .dialog .opt a.ml0 { margin-left: 0px; } .friendcontainer .dialog .opt a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } .friendcontainer .translatorLevelDialog .el-table button{width: 22px !important;} .friendcontainer .translatorLevelDialog .el-input{width: 244px;} .friendcontainer .translatorLevelDialog .el-input input{width: 240px;} .friendcontainer .translatorLevelDialog .el-form .el-form-item__label{width: 120px;} .friendcontainer .befriendlistdialog { margin-left: -375px; width: 850px; height: 300px;} .friendcontainer .befriendlistdialog .befriendlistcontainer { padding:15px 30px ;height: 215px;overflow-y: auto;} .friendcontainer .befriendlistdialog .befriendlistcontainer table tbody{height: 185px;} .friendcontainer .befriendlistdialog .befriendlistcontainer li{ } .friendcontainer .befriendlistdialog .befriendlistcontainer td{text-align:center;height: 30px;line-height: 30px;border: 1px solid #bbb;} .friendcontainer .befriendlistdialog .befriendlistcontainer .email{margin-left: 50px; width:200px;display: inline-block;text-align: left;} .friendcontainer .befriendlistdialog .befriendlistcontainer .producer{width: 200px;text-align: left;} .friendcontainer .befriendlistdialog .befriendlistcontainer .note{width: 200px;text-align: left;} .friendcontainer .befriendlistdialog .befriendlistcontainer .option{width: 120px;text-align: center;} .friendcontainer .befriendlistdialog .befriendlistcontainer button { color:#555; background: #e8e9f3;border:1px solid silver;border-radius: 4px; width: 50px; height: 25px; line-height: 25px;} .friendcontainer .befriendlistdialog .befriendlistcontainer button:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; border: 1px solid #3399ff;} .friendcontainer .befriendlistdialog .befriendlistcontainer .photoImageTitle {width: 240px; height: 30px; overflow: hidden; text-align: left;} .friendcontainer .befriendlistdialog .befriendlistcontainer .photoImage { position: absolute; width: 30px; height: 30px; overflow: hidden; } .friendcontainer .befriendlistdialog .befriendlistcontainer .photoImage img { width: 30px; height: 30px; border-radius: 30px; } .friendcontainer .sendfriendlistdialog .opt {float: right;padding: 0 20px } .friendcontainer .sendfriendlistdialog { margin-left: -300px; width: 600px; height: 300px;} .friendcontainer .sendfriendlistdialog .sendfriendlistcontainer { padding:15px 30px ;height: 215px;overflow-y: auto;} .friendcontainer .sendfriendlistdialog .sendfriendlistcontainer table tbody{height: 185px;} .friendcontainer .sendfriendlistdialog .sendfriendlistcontainer li{ } .friendcontainer .sendfriendlistdialog .sendfriendlistcontainer td{height: 30px;line-height: 30px; border: 1px solid #bbb;;} .friendcontainer .sendfriendlistdialog .sendfriendlistcontainer .email{ width:220px;display: inline-block;} .friendcontainer .sendfriendlistdialog .sendfriendlistcontainer .status{width: 60px;text-align: center;} .friendcontainer .sendfriendlistdialog .sendfriendlistcontainer .note{width: 260px;text-align: center;} .friendcontainer .sendfriendlistdialog .sendfriendlistcontainer .photoImageTitle{width: 240px;} .friendcontainer .sendfriendlistdialog .sendfriendlistcontainer .photoImage { position: absolute; width: 30px; height: 30px; overflow: hidden; } .friendcontainer .sendfriendlistdialog .sendfriendlistcontainer .photoImage img { width: 30px; height: 30px; border-radius: 30px; } .friendcontainer .sendfriendlistdialog .opt {float: right;padding: 0 20px } .friendcontainer .contextmenu { cursor: pointer; color: #555; background: #e6f1fc; border: 1px solid silver; height: 30px; line-height: 30px; width: 80px; text-align: center; position: absolute; top: 0; left: 0;border-radius: 4px; } .friendcontainer .contextmenu:hover { background: #ecf1fc; } .friendcontainer .friendgroupdeletedialog .opt { padding: 0px 32px; } .friendcontainer .friendgroupeditdialog .opt { padding: 0px 32px; } .friendcontainer .friendadddialog { height: 210px; } .friendcontainer .friendeditdialog { height: 340px; } .friendcontainer .friendeditdialog .content textarea { width: 432px; } .friendcontainer .friendgroupadddialog li { height: 50px; line-height: 50px; } .friendcontainer .friendgroupdeletedialog { height: 340px; } .friendcontainer .friendgroupdeletedialog .content { padding: 20px 30px; } .friendcontainer .friendgroupdeletedialog .content .grouplist { font-weight: normal; padding: 10px; margin-top: 10px; border: 1px solid silver; width: 448px; height: 190px; } .friendcontainer .friendgroupdeletedialog .content .grouplist > div { height: 26px; margin-left: 20px; } .friendcontainer .friendgroupdeletedialog .content label { width: 80%; } .friendcontainer .friendgroupeditdialog .content label { width: 80%; } .friendcontainer .friendgroupdeletedialog .content .grouplist label { width: auto; } .friendcontainer .friendgroupdeletedialog .content .grouplist input { height: 15px; width: 15px; } .friendcontainer .friendgroupdeletedialog .content .grouplist .groupname { margin-left: 5px; vertical-align: 4px; } .friendcontainer .friendgroupeditdialog { height: 340px; } .friendcontainer .friendgroupeditdialog .content { padding: 20px 30px; } .friendcontainer .friendgroupeditdialog .content .grouplist { font-weight: normal; padding: 10px; margin-top: 10px; border: 1px solid silver; width: 448px; height: 190px; } .friendcontainer .friendgroupeditdialog .content .grouplist > div { height: 26px; margin-left: 20px; } .friendcontainer .friendgroupeditdialog .content .grouplist label { width: auto; } .friendcontainer .friendgroupeditdialog .content .grouplist input[type=checkbox] { height: 15px; width: 15px; } .friendcontainer .friendgroupeditdialog .content .grouplist input { height: 20px; } .friendcontainer .friendgroupeditdialog .content .grouplist .groupname { margin-left: 5px; vertical-align: 4px; } .friendcontainer .friendaddtogroupdialog { height: 340px; } .friendcontainer .friendaddtogroupdialog .content { padding: 20px 30px; } .friendcontainer .friendaddtogroupdialog .content .grouplist { font-weight: normal; padding: 10px; margin-top: 10px; border: 1px solid silver; width: 448px; height: 190px; } .friendcontainer .friendaddtogroupdialog .content .grouplist > div { height: 26px; margin-left: 20px; } .friendcontainer .friendaddtogroupdialog .content .grouplist label { width: auto; } .friendcontainer .friendaddtogroupdialog .content .grouplist input { height: 15px; width: 15px; } .friendcontainer .friendaddtogroupdialog .content .grouplist .groupname { margin-left: 5px; vertical-align: 4px; } .friendcontainer .friendremoveformgroupdialog { height: 340px; } .friendcontainer .friendremoveformgroupdialog .content { padding: 20px 30px; } .friendcontainer .friendremoveformgroupdialog .content .grouplist { font-weight: normal; padding: 10px; margin-top: 10px; border: 1px solid silver; width: 448px; height: 190px; } .friendcontainer .friendremoveformgroupdialog .content .grouplist > div { height: 26px; margin-left: 20px; } .friendcontainer .friendremoveformgroupdialog .content .grouplist label { width: auto; } .friendcontainer .friendremoveformgroupdialog .content .grouplist input { height: 15px; width: 15px; } .friendcontainer .friendremoveformgroupdialog .content .grouplist .groupname { margin-left: 5px; vertical-align: 4px; } .micromessage { margin: 0px auto; font-family: "Microsoft Yahei"; font-size: 12px; width: 290px; height: 500px; background: #eef2fa; } .micromessage .title { width: 100%; height: 40px; background: #515151; line-height: 40px; color: #FFF; font-size: 13px; text-indent: 15px; } .micromessage .title .md-close { top: 3px; } .micromessage .title .return { width: 35px; height: 35px; cursor: pointer; } .micromessage .title .return img { width: 25px; height: 25px; vertical-align: middle; } .micromessage .content { width: 100%; height: 400px; background: #FFF; } .micromessage .friendlist { min-height: 401px; } .micromessage ul { min-height: 401px; } .micromessge-home-container .content { overflow-y: auto; } .micromessge-home-container li { position: relative; cursor: pointer; height: 50px; line-height: 50px; padding-left: 15px; border-bottom: 1px solid silver; } .micromessge-home-container li.me { background: #eee; position: relative; cursor: pointer; height: 50px; line-height: 50px; padding-left: 15px; border-bottom: 1px solid silver; } .micromessge-home-container li .photoImage { position: absolute; top: 5px; width: 40px; height: 40px; border-radius: 40px; overflow: hidden; } .micromessge-home-container li.me .photoImage { position: absolute; top: 8px; width: 30px; height: 30px; border-radius: 40px; overflow: hidden; } .micromessge-home-container li .photoImage.group { position: absolute; top: 5px; width: 40px; height: 40px; border-radius: 0px; overflow: hidden; } .micromessge-home-container li .photoImage img { width: 40px; height: 40px; } .micromessge-home-container li.me .photoImage img { width: 30px; height: 30px; } .micromessge-home-container li span { margin-left: 55px; font-size: 14px; } .micromessge-home-container li span.onlineStatus { display: inline-block; position: absolute; left: 0px; top: -30px; } .micromessge-home-container li.me span.onlineStatus { right: 30px; top: 3px; } .micromessge-home-container li.me span.changeStatusButton { z-index: 999; display: inline-block; position: absolute; right: 10px; top: 17px; width: 16px; height: 16px; background: url("/images/changeStatusButton.png") no-repeat; } .micromessge-home-container li.me span { margin-left: 40px; font-size: 13px; } .micromessge-home-container li .message { padding-left: 55px; width: 274px; } .micromessge-home-container .onlineStatusDialog { font-weight: normal; background: #FFF; top: 25px; right: 25px; width: 130px; position: absolute; border: 1px solid silver; height: 202px;} .micromessge-home-container .onlineStatusDialog li.onlineStatusItem { height: 20px; line-height: 20px; border-bottom: none; padding: 0; } .micromessge-home-container .onlineStatusDialog li.onlineStatusItem:hover { background: #DDD; } .micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon { width: 26px; height: 20px; } .micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.online { background: #EEE url("/images/01_online.png") no-repeat 5px 2px; } .micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.busy { background: #EEE url("/images/02_busy.png") no-repeat 5px 2px; } .micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.notdisturb { background: #EEE url("/images/03_notdisturb.png") no-repeat 5px 2px; } .micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.meeting { background: #EEE url("/images/04_meeting.png") no-repeat 5px 2px; } .micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.phone { background: #EEE url("/images/05_phone.png") no-repeat 5px 2px; } .micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.work { background: #EEE url("/images/06_work.png") no-repeat 5px 2px; } .micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.back { background: #EEE url("/images/07_back.png") no-repeat 5px 2px; } .micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.home { background: #EEE url("/images/08_home.png") no-repeat 5px 2px; } .micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.leave { background: #EEE url("/images/09_leave.png") no-repeat 5px 2px; } .micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.offline { background: #EEE url("/images/10_offline.png") no-repeat 5px 2px; } .micromessge-home-container .onlineStatusImgText { position: absolute; top: 0; right: 30px; width: 100px; height: 100px; text-align: right; } .micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.invisible { background: #EEE url("/images/invisible.png") no-repeat 5px 2px; } .micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemText { height: 20px; line-height: 20px; margin-left: 10px; } .micromessge-home-container li .message .newmessage { text-align: left; line-height: 20px; height: 20px; color: #d4c9c9; } .micromessge-home-container li .message .nameanddate { position: relative; height: 20px; line-height: 20px; font-size: 14px; padding-top: 5px; } .micromessge-home-container li .message .nameanddate .unread { margin-top: 1px; line-height: 15px; margin-left: 15px; font-size: 7px; text-align: center; width: 20px; height: 15px; border-radius: 8px; background: #CCC; } .micromessge-home-container li .message .nameanddate .date { position: absolute; right: 10px; font-size: 12px; color: #d4c9c9; } .micromessage .opt { background: #f8f9fc; width: 100%; height: 60px; } .micromessage .opt .unchecked { color: #CCC; } .micromessage .opt img { width: 25px; height: 25px; } .micromessage .opt .micro { margin: 10px 0 0 30px; text-align: center; cursor: pointer; } .micromessage .opt .friend { margin: 10px 0 0 25px; text-align: center; cursor: pointer; } .micromessge-container .content { height: 380px; background: #f0f3fa; overflow-y: auto; padding: 10px 0; font-weight: normal; } .micromessge-container .content ul { min-height: 300px; } .micromessge-container li { width: 100%; position: relative; padding-top: 15px; font-size: 12px; } .micromessge-container li .mymessage { margin-top: 3px; } .micromessge-container li .timecontainer { width: 100%; text-align: center; } .micromessge-container li .time { display: inline-block; padding: 0 5px; height: 20px; line-height: 20px; background: #CCC; } .micromessge-container li .photoImage { position: absolute; top: 8px; width: 30px; height: 30px; border-radius: 30px; overflow: hidden; } .micromessge-container li .photoImage.me { right: 15px; } .micromessge-container li .photoImage.other { left: 15px; } .micromessge-container li .photoImage img { width: 30px; height: 30px; } .micromessge-container li .message { margin-top: 3px; position: relative; } .micromessge-container li .friendAlias { font-size: 10px; color: #999; margin: 10px 0 0 60px; } .micromessge-container li .message .arrow { position: absolute; width: 0; height: 0; border-color: rgba(0, 0, 0, 0) #CECECE rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 15px; border-style: solid; left: 45px; top: 5px; } .micromessge-container li .message .arrowme { position: absolute; width: 0; height: 0; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #CECECE; border-width: 15px; border-style: solid; right: 45px; top: 5px; } .micromessge-container li .message .two { border-color: rgba(0, 0, 0, 0) #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); left: 46px; z-index: 9; } .micromessge-container li .message .twome { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #dadef8; right: 46px; z-index: 9; } .micromessge-container li .messagecardcontent .type { padding-top:4px;margin-top:7px;border-top:1px solid silver;height:20px;text-align: center; } .micromessge-container li .messagecardcontent .name { margin-left:10px; width:100px;overflow:hidden; } .micromessge-container li .messagecard { cursor:pointer; } .micromessge-container li .messagecontent { display: inline-block; max-width: 200px; border-radius: 5px; left: 70px; padding: 10px 10px; background: #FFF; text-align: left; border: 1px solid #CECECE; } .micromessge-container li .messagecontentme { display: inline-block; max-width: 200px; border-radius: 5px; right: 70px; padding: 10px 10px; background: #dadef8; text-align: left; border: 1px solid #CECECE; } .micromessge-container .opt { height: 78px; background: #f8f9fc; } .micromessge-container .opt textarea { overflow: hidden; width: 100%; height: 42px; border: none; padding: 5px; resize: none; background: #f8f9fc; } .micromessge-container .opt button { width: 60px; border: 1px solid silver; border-radius: 4px; height: 25px; margin-right: 10px; } .micromessge-container .recommendFriendDialog { z-index:9999;overflow-y:auto;padding:20px 20px 10px; border:1px solid silver;position: absolute; bottom:30px;left:0px; background:#F9FAFC;width:290px;height:200px;} .micromessge-container .recommendFriendDialog .type{ margin-bottom:10px;} .micromessge-container .recommendFriendDialog .type label{ width: 50px;display: inline-block;} .micromessge-container .recommendFriendDialog .type select{ width: 140px;} .micromessge-container .recommendFriendDialog .type select:disabled {color: rgb(84, 84, 84);cursor: default;background-color: rgb(235, 235, 228);} .micromessge-container .recommendFriendDialog span{ margin-bottom:8px;display:inline-block;width:90px;} .micromessge-container .recommendFriendDialog .radio{ margin-left:15px;vertical-align: -2px;} .micromessge-container .recommendFriendDialog .photoImage2 img{ vertical-align: -12px;width:30px;height:30px;margin-right:10px;} .micromessge-container .recommendFriendDialog .name{ height:30px;line-height: 30px;} .micromessge-container .recommendFriendDialog li{ cursor:pointer;padding:5px 0px;} .micromessge-container .recommendFriendDialog li:hover{ background: #EEE;} .micromessge-container .dialog input {text-indent: 3px; height:24px; border:1px solid silver; border-radius: 3px; } .micromessge-container .dialog input[type=button] {cursor:pointer;width:80px;text-indent: 3px; height:24px; border:1px solid silver; border-radius: 3px; } .micromessge-container .dialog select {width:130px;text-indent: 3px; height:24px; border:1px solid silver; border-radius: 3px; } .micromessge-container .dialog { border:1px solid silver;background:#FFF;z-index:10000;position:absolute; bottom:50px; left:20px;width:250px;height:260px; } .micromessge-container .sendFriendDialog .contentSend { height:183px; padding:10px 20px; } .micromessge-container .sendFriendDialog .contentSend .text { font-size: 15px; margin-right:5px;} .micromessge-container .dialog .opt { padding-top:5px;background:#E5E9F2;height:35px;text-align: right;} .micromessge-container .sendFriendDialog .contentSend .card { background:#EFF2F7; margin:10px 0 10px;height:55px;line-height: 26px;padding:0 8px;} .micromessge-container .sendFriendDialog .contentSend .note { margin-right:10px;font-size:13px;} .micromessge-container .sendFriendDialog .contentSend input { height:26px;width:100%;} .micromessge-container .addFriendDialog .contentadd { height:183px; padding:20px 15px;} .micromessge-container .addFriendDialog .contentadd .name { margin:0 0 15px 10px;} .micromessge-container .addFriendDialog .contentadd .value { margin:0 0 0px 20px; color:#777;} .micromessge-container .addFriendDialog .contentadd .key { display:inline-block;width:50px;height:20px;} .micromessge-container .registerToTeamDialog { z-index:9;border:1px solid silver;background:#FFF;position:absolute; left:-155px; bottom:-300px;width:760px;height:800px;} .micromessge-container .registerTranslatorToTeamDialog { z-index:9;border:1px solid silver;background:#FFF;position:absolute; left:-155px; bottom:-180px;width:700px;height:650px;} .micromessge-container .registerToTeamDialog.register {height:450px;bottom:40px;} .micromessge-container .registerToTeamDialog .form {padding:20px;} .micromessge-container .registerToTeamDialog .form input {width:205px;} .micromessge-container .registerTranslatorToTeamDialog .form input {width:200px;} .micromessge-container .registerToTeamDialog .form input[type="button"] {width:90px;} .micromessge-container .registerToTeamDialog select:disabled {color: rgb(84, 84, 84);cursor: default;background-color: rgb(235, 235, 228);} .micromessge-container .registerToTeamDialog .form select {width:205px;} .micromessge-container .registerTranslatorToTeamDialog .form select {width:200px;} /*.micromessge-container .registerToTeamDialog .form>div {margin: 0px 10px 6px 0px;}*/ .micromessge-container .registerToTeamDialog .form .friendInfoForm>div {margin: 0px 10px 2px 0px;} .micromessge-container .registerToTeamDialog .form .myInfoForm>div {margin: 0px 10px 2px 0px;} .micromessge-container .registerToTeamDialog .form .friendInfoForm {height: 155px;} .micromessge-container .registerToTeamDialog .form .myInfoForm {height: 260px;} .micromessge-container .registerToTeamDialog .col1 {width: 80px;display:inline-block;margin-bottom:5px;} .micromessge-container .registerToTeamDialog .col2 {margin: 0px 0px 0px 15px;} .micromessge-container .registerToTeamDialog .col3 {margin: 0px 0px 0px 35px;} .micromessge-container .registerTranslatorToTeamDialog .col3 {margin: 0px 0px 5px 35px;} .micromessge-container .registerTranslatorToTeamDialog .col2 {margin: 0px 0px 10px 35px;} .micromessge-container .registerToTeamDialog .el-select {width:140px;} /*.micromessge-container .registerToTeamDialog .form label {display:inline-block; margin-right:10px;width:70px;}*/ .micromessge-container .registerToTeamDialog .form label {display:inline-block; margin-right: 5px;width:75px;} .micromessge-container .registerTranslatorToTeamDialog.register {height:475px;bottom:20px;} .micromessge-container .registerToTeamDialog .managerJob { width:150px; } .micromessge-container .addLanguagePairDialog .el-dialog { width:850px; height:500px;} .micromessge-container .addLanguagePairDialog .el-dialog .btn_addLanguage { margin:0px 0px 5px 0;} .micromessge-container .addLanguagePairDialog .el-dialog .title_l { line-height: 26px;font-size:12px;} .micromessge-container .addLanguagePairDialog .sourceLanguageTable { width:179px; margin:0px 8px 0 0; } .micromessge-container .addLanguagePairDialog .targetLanguageTable { width:219px; margin-right:28px; } .addlanguagecontainer .targetLanguageTable .el-table thead .cell .el-checkbox__inner{ display: none !important; } .addlanguagecontainer .sourceLanguageTable .el-table thead .cell .el-checkbox__inner{ display: none !important; } .micromessge-container .addLanguagePairDialog .LanguagePairTable { width:360px; margin-top:33px; } .micromessge-container .addLanguagePairDialog .el-table .el-table__body tr.current-row>td {background: #75b9fd;font-weight: bold;} .micromessge-container .allLanguageList .el-dialog--small { width:299px; } .micromessge-container .addManagerDialog .el-input { width:200px; } .olandmsProjectContainer { margin: 0 auto; width: 80%; padding-top: 100px; } .olandmsProjectContainer .customer { width: 320px; margin-right: 4%; border: 1px solid #CCC; padding: 5px; height: 400px; background: #FFF; } .olandmsProjectContainer .customer .opt { margin-top: 20px; } .olandmsProjectContainer .customer .data { margin-top: 15px; } .olandmsProjectContainer .project { width: 600px; border: 1px solid #CCC; padding: 5px; height: 400px; background: #FFF; } .estimateContainer { font-family: "Microsoft Yahei"; font-size: 12px; width: 100%; background: #eef2fa; padding: 10px 50px; } .estimateContainer .title { font-weight: bold; text-indent: 10px; width: 100%; height: 30px; line-height: 30px; background: #BBB; } .estimateContainer .el-form-item__label { text-indent: 80px; font-size: 12px; padding: 9px 12px 9px 0; } .estimateContainer .el-form-item { margin-bottom: 0px; } .estimateContainer .el-form-item__content { line-height: 30px; } .estimateContainer .el-form-item__content input { height: 26px; padding: 0px 8px; } .estimateContainer .orderinfo { border-bottom: 1px solid silver; margin-bottom: 10px; } .estimateContainer .el-select { width: 100%; } .estimateContainer input { font-size: 12px; } .estimateContainer .el-table { font-size: 12px; padding-bottom: 10px; } .estimateContainer .el-table td { height: 30px; } .estimateContainer .el-date-editor.el-input { width: 100%; } .feedbackContainer { height: 100%; padding: 15px; font-size: 14px; background: #eee; } .feedbackContainer .nav { width: 300px; height: 100%; background: #eee; } .feedbackContainer .feedbackContentContainer { width: 600px; margin: auto; position: absolute; top: 0; left: 0;right: 0; bottom: 0; } .feedbackContainer .feedbackContentContainer textarea {width: 100%; } .feedbackContainer .feedbackContentContainer .para { margin: 10px 0; } .feedbackContainer .feedbackContentContainer .el-upload-list--picture .el-upload-list__item-name i{ display: none; } .feedbackContainer .feedbackContentContainer .content { margin-bottom: 15px; } .feedbackContainer .feedbackContentContainer .upload-demo { width: 100%; margin-top: 10px; } .feedbackContainer .feedbackContentContainer .send { margin: 15px 0 0 500px; width: 100px; } .feedbackContainer .feedbackContentContainer img{float: left;} .feedbackContainer .feedbackContentContainer .title{height: 60px;margin-top: 100px;} .feedbackContainer .feedbackContentContainer .titleTip{font-size: 22px; float: left;} .feedbackContainer .feedbackContentContainer .myFeedback { color: #20A0FF ; float: right;margin-right: 5px; margin-top: 10px;} .feedbackContainer .feedbackContentContainer .allFeedback { margin-left: 5px;} .feedbackProcessContainer { padding:10px 30px; background: #FFF; height: 100%; overflow-y: auto;} .feedbackProcessContainer .el-table { font-size: 12px; margin-bottom: 15px; } .feedbackProcessContainer .el-table .cell { padding-left: 8px; padding-right: 8px; } .feedbackProcessContainer .handleList { margin-top: 15px; overflow-y: auto; height: 210px; } .feedbackProcessContainer .detail { width: 100%; margin-top: 10px; } .el-popover .screenshot { max-width: 800px; max-height: 600px; } .feedbackListDetailContainer { border: 1px solid silver; padding: 5px 10px; font-size: 12px; } .feedbackListDetailContainer .el-input { margin: 3px 0 3px; font-size: 12px; } .feedbackListDetailContainer .rightCol { padding-left: 25px; } .feedbackListDetailContainer .el-form-item__label { font-size: 12px; } .feedbackListDetailContainer .el-form-item { margin-bottom: 0px !important; } .feedbackListDetailContainer .el-textarea { margin: 5px 0 7px; } .feedbackListDetailContainer .el-textarea__inner { font-size: 12px; } .feedbackListDetailContainer .screenshotContainer {background: #FFF; border: 1px solid #bfcbd9; margin: 5px 0 0px; border-radius: 4px; } .feedbackListContainer { padding: 40px 80px 0; } .feedbackListContainer .feedbackTitle { margin: 10px 0; } .feedbackListContainer .feedbackTitle:nth-of-type(2) { margin: 20px 0 10px; } .feedbackListContainer .el-table { font-size: 12px; height: 200px;} .feedbackListContainer .el-table .cell { padding-left: 8px; padding-right: 8px; } .feedbackListContainer .screenshotContainer { background: #FFF; border: 1px solid #bfcbd9; padding: 10px 5px; border-radius: 4px;} .feedbackListContainer .screenshot { margin-bottom: 10px; } .feedbackListContainer .screenshot img { max-width:100%; } .feedbackListContainer .title img{float: left;} .feedbackListContainer .title{height: 60px;} .feedbackListContainer .title .titleTip{font-size: 22px; float: left;} .feedbackListContainer .title .IWantFeedback { color: #20A0FF ; float: right;margin-right: 5px; margin-top: 10px;} .feedbackListContainer .page {margin-top: 10px;float: right;} .feedbackProcessForm .el-dialog .el-input{width: calc(100% - 10px);} .feedbackProcessForm .el-dialog .el-textarea{width: calc(100% - 10px);} .feedbackProcessForm .el-upload-list--picture .el-upload-list__item-name .el-icon-document:before{ display: none !important; } .feedbackProcessForm .el-dialog .el-select{width: 100%;} .languageContainer { height: 100%; padding: 15px; font-size: 14px; background: #eee; } .languageContainer .languageContentContainer { width: 90%; margin: auto; position: absolute; top: 0; left: 0;right: 0; bottom: 0;} .languageContainer .languageContentContainer .title{margin-top: 30px;margin-bottom: 10px;} .languageContainer .languageContentContainer .el-button {padding: 10px 5px;} .languageContainer .languageContentContainer .button1 { min-width: 120px; margin-left: 0px;} .languageContainer .languageContentContainer .font1 { font-weight: bold; margin-left: 10px;} .languageContainer .languageContentContainer .font2 { font-size: 11px; color: red; cursor: pointer;} .languageContainer .languageContentContainer .table1 { font-size: 12px; } .languageContainer .languageContentContainer .table2 { font-size: 12px; margin-top: 20px;} .languageContainer .languageContentContainer .table3 { font-size: 12px; height: 400px; } /*.languageContainer .languageContentContainer .table650{height: 650px;overflow-y: auto;} .languageContainer .languageContentContainer .table750{height: 750px;overflow-y: auto;}*/ .languageContainer .languageContentContainer .el-table .el-button--mini {padding: 3px; font-size: 12px; border-radius: 8px; float: left;} .languageContainer .languageContentContainer .input1 {font-size: 16px;font-weight: 700;margin-left: 5px; margin-top: 10px;height: 21px;color: #303133;} .languageContainer .languageContentContainer .button2 { position: fixed; top: 30px;right: 5%;} .languageContainer .languageContentContainer .el-table .el-checkbox__input.is-disabled { display: none; } .is-danger { background: #FDD; } .ispassed { background: #dff0d8; } .qualityStandardContainer{padding-top: 0px; border-radius: 8px;} .qualityStandardContainer .el-table{border: 1px solid #dfe6ec;} .qualityStandardContainer .left {width:335px;margin-left:30px;display: inline-block;vertical-align: top;padding-top:35px; z-index: 0 !important;} .qualityStandardContainer .left p{font-weight: bold;} .qualityStandardContainer .left .el-table{ margin-top:3px; } .qualityStandardContainer .left .el-table td { height: 30px; border-right: 1px solid #dfe6ec; } .qualityStandardContainer .left .el-table td td{border-right:0;} .qualityStandardContainer .left .el-table th { height: 30px; border-right: 1px solid #dfe6ec; } .qualityStandardContainer .el-tabs{ margin-top: 25px; border-radius: 8px; } .qualityStandardContainer .left .el-table .el-table__body-wrapper{overflow-x: hidden;} .qualityStandardContainer .left .el-table td .el-table__expand-icon{height: 30px;} .qualityStandardContainer .left .el-table .el-table__expanded-cell {padding: 0px;padding-left: 40px;} .qualityStandardContainer .left .el-input{width: 150px;margin-left: 10px;} .qualityStandardContainer .left .el-input__inner{height: 30px;} .qualityStandardContainer .left .el-button{height: 36px;width: 150px;line-height: 7px;margin-bottom: 10px;} .qualityStandardContainer .content {width:calc( 100% - 395px ); display: inline-block;position: relative;z-index: 0;padding:30px 0;} .qualityStandardContainer .content .el-form-item__label{padding-right: 0px;} .qualityStandardContainer .content .el-form-item__content{width: calc(100% - 130px);} .qualityStandardContainer .content .el-form-item__content .el-input{width:100%;} .qualityStandardContainer .content .el-form-item__content .el-select{width:100%;} .qualityStandardContainer .content .el-form-item__content .el-cascader{width:100%;cursor: not-allowed;} .qualityStandardContainer .content .el-form-item__content .el-cascader__label{cursor: not-allowed;line-height: 36px;} .qualityStandardContainer .el-form-item {width: 100%;} .qualityStandardContainer .content .baseInfo{padding:20px;width: 100%;} .qualityStandardContainer .left .el-form-item input{width: 150px;} .qualityStandardContainer .content .el-form-item{margin-bottom: 15px !important;} .qualityStandardContainer .content .el-form-item__error{padding-top: 0px;} .qualityStandardContainer .content .el-form-item input{width: 100%;} .qualityStandardContainer .content .childContent .el-form-item input{width: 250px;margin-left: 50px;} .qualityStandardContainer .content textarea{width: 100%;height:140px; display: block;border-radius: 6px;border-color: #ddd;margin-top: 10px;} .qualityStandardContainer .content .childContent textarea{width: 250px;margin-left: 50px;height:140px; display: block;border-radius: 6px;border-color: #ddd;margin-top: 10px;} .qualityStandardContainer .content .tableContent .newButton{width: 100px;height: 32px;line-height: 6px} .qualityStandardContainer .content .saveButton{width: 100px;height: 30px;line-height: 6px;} .qualityStandardContainer .content .tableContent .el-table{margin-top: 5px;} .qualityStandardContainer .content .tableContent .el-table th{border-right: 1px solid #dfe6ec;} .qualityStandardContainer .content .tableContent .el-table td{border-right: 1px solid #dfe6ec;} .qualityStandardContainer .content .tableContent .weightTableContent .el-table{width: calc(50% - 5px);display: inline-block;} .qualityStandardContainer .opt{ width: 100%; position: fixed; top: 0px; background: #eef2fa; height: 35px; padding-top: 5px; z-index: 999; padding-right: 45px;} .qualityStandardContainer .opt .el-button{float: right;z-index: 999;} .qualityStandardContainer .opt .el-button+.el-button{margin-right: 10px;} .qualityStandardContainer .content .tableTip{line-height: 20px;} .qualityStandardContainer .content .useTip{line-height: 25px;} .qualityStandardContainer .el-dialog {width:500px;} .qualityStandardContainer .el-dialog__headerbtn {top:0px;} .qualityStandardContainer .el-dialog .el-input{width:300px;} .qualityStandardContainer .modifyDialogVue .el-dialog .el-input{width:calc(100% - 10px);} .qualityStandardContainer .el-dialog__header {color:#eee;font-weight:bold;background:#666;height:50px;padding:0 20px;line-height: 50px;} .qualityStandardContainer .el-dialog__header .el-dialog__title {color:#eee;font-weight:bold;font-size:14px;} .qualityStandardContainer .el-dialog__headerbtn {font-size:12px;} .qualityStandardContainer .el-dialog__footer {height:50px; background-color: #eef2fa;padding:0 35px; } .qualityStandardContainer .el-dialog__footer .confirm{ background: #797777; border-color:#797777; } .qualityStandardContainer .el-dialog__footer button{ font-size:14px;height:30px;line-height: 0px;margin-top:10px; } .qualityStandardContainer .newStandardDialog .el-dialog .el-form-item{margin-bottom:10px;} .qualityStandardContainer .newStandardDialog .el-dialog .el-textarea{width: 300px;height: 60px;} .qualityStandardContainer .newStandardDialog .el-dialog textarea:hover{border-color: #8391a5;} /*.qualityStandardContainer .el-button{padding: 10px 5px;}*/ .qualityStandardContainer .el-table .el-button{padding: 5px 5px;} .qualityStandardContainer .el-dialog .el-form-item .el-cascader--small .el-cascader__label { line-height: 36px; } .qualityStandardContainer .el-select__tags { white-space: nowrap; overflow: hidden; } .qualityStandardContainer .el-tabs .el-table__body-wrapper::-webkit-scrollbar{ width: 16px; } .qualityStandardContainer .el-tabs .el-table__body-wrapper::-webkit-scrollbar-thumb{ border-radius: 2px; height: 50px; background: #909399; } .qualityStandardContainer .el-tabs .el-table__body-wrapper::-webkit-scrollbar-track{ /*box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/ border-radius: 2px; /*background: rgba(0,0,0,0.4);*/ } .qualityStandardContainer .el-tabs .el-table .el-table .el-table__body-wrapper{overflow-x: hidden;} .qualityStandardContainer .translateErrorTypeTableContent .typeLevel0{padding-left: 0;} .qualityStandardContainer .translateErrorTypeTableContent .typeLevel1{padding-left: 80px;} .qualityStandardContainer .translateErrorTypeTableContent .typeLevel1 span{ padding-left: 2px;border-left: 1px solid #dfe6ec;min-height: 30px; display: block; line-height: 30px;} .qualityStandardContainer .translateErrorTypeTableContent .typeLevel2{padding-left: 160px;} .qualityStandardContainer .translateErrorTypeTableContent .typeLevel2 span{ padding-left: 2px;border-left: 1px solid #dfe6ec;min-height: 30px; display: block; line-height: 30px;} .qualityStandardContainer .content .tableTitle{font-weight: bold;line-height: 30px;} .qualityStandardContainer .content .descriptionTitle{line-height: 30px;padding-left: 25px;} .qualityStandardContainer .content .descriptionContent{line-height: 30px;padding-left: 50px;} .qualityStandardContainer .content .el-radio-group{line-height: 30px;padding-left: 50px;} .qualityStandardContainer .content .el-radio-group .el-radio__label{font-size: 12px;} /*.qualityStandardContainer .contextmenu { cursor: pointer; color: #555; background: #e6f1fc; border: 1px solid silver; height: 30px; line-height: 30px; width: 80px; text-align: center; position: fixed; z-index: 99999; top: 0; left: 0;border-radius: 4px; } .qualityStandardContainer .contextmenu:hover { background: #ecf1fc; }*/ .modifyContextmenu { cursor: pointer; color: #555; background: #e6f1fc; border: 1px solid silver; height: 30px; line-height: 30px; width: 80px; text-align: center; position: fixed; z-index: 99999; top: 0; left: 0;border-radius: 4px; } .modifyContextmenu :hover { background: #ecf1fc; } /*.qualityStandardContainer .dialog_out/deep/ .el-dialog { width: 600px; }*/ /*.qualityStandardContainer .el-dialog { width: 600px;}*/ .languageContainer .table1 .el-table__body-wrapper::-webkit-scrollbar{ width: 16px; } .languageContainer .table1 .el-table__body-wrapper::-webkit-scrollbar-thumb{ border-radius: 2px; height: 50px; background: #c0c4cc; } .languageContainer .table1 .el-table__body-wrapper::-webkit-scrollbar-track{ /*box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/ border-radius: 2px; /*background: rgba(0,0,0,0.4);*/ } .languageContainer .table2 .el-table__body-wrapper::-webkit-scrollbar{ width: 16px; } .languageContainer .table2 .el-table__body-wrapper::-webkit-scrollbar-thumb{ border-radius: 2px; height: 50px; background: #c0c4cc; } .languageContainer .table2 .el-table__body-wrapper::-webkit-scrollbar-track{ /*box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/ border-radius: 2px; /*background: rgba(0,0,0,0.4);*/ } .languageContainer .table3 .el-table__body-wrapper::-webkit-scrollbar{ width: 16px; } .languageContainer .table3 .el-table__body-wrapper::-webkit-scrollbar-thumb{ border-radius: 2px; height: 50px; background: #c0c4cc; } .languageContainer .table3 .el-table__body-wrapper::-webkit-scrollbar-track{ /*box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/ border-radius: 2px; /*background: rgba(0,0,0,0.4);*/ } .qualityStandardContainer .el-dialog .el-table__body-wrapper{overflow-x:hidden;} .languageContainer .el-dialog .el-table__body-wrapper{overflow-x:hidden;} /*.qualityStandardContainer .el-tabs .el-table__body-wrapper{overflow-x:hidden;}*/ .qualityStandardContainer .left .el-radio-button__inner{width: 100px;} /*thead .el-checkbox__inner{display: none !important;}*/ .qualityStandardContainer .el-table .el-table thead .cell .el-checkbox__inner{ display: none !important; } /*.qualityStandardContainer .el-table .el-table thead .cell::before{ content: '选择'; text-align: center; line-height: 37px; } */ .qualityStandardContainer .left .el-table .selectedStandardColumn{background: rgb(217,236,255);} .qualityStandardContainer .left .el-table .selectedStandardColumn2{font-weight: 700;background: rgb(217,236,255);} .qualityStandardContainer .left .el-table .newVersionItemColumn td{border-top: 1px solid #dfe6ec;} .qualityStandardContainer .left .el-table .notNewVersionItemColumn td{border-top: 1px solid #99A9BF;} .qualityStandardContainer .left .el-table .notPublish td{color:#99A9BF;} .qualityStandardContainer .left .el-table td{border-bottom:0;} .qualityStandardContainer .left .el-table .disableSelectColumn2{color:#999;background: rgb(217,236,255);} .qualityStandardContainer .left .el-table .disableSelectColumn{color:#999;} .qualityStandardContainer .left .table tr:first-child {border-top:1px solid #dfe6ec;} .qualityStandardContainer .tableContent .detailTable .deepBackground{background: #FAFAFA} .qualityStandardContainer .tableContent .el-table .el-button+.el-button{margin-left: 0px;} .languageContainer .languageContentContainer .el-table .el-button+.el-button{margin-left: 0px;} .languageContainer .languageContentContainer .el-table .el-button{padding: 5px;} .languageContainer .languageContentContainer .el-table .caret-wrapper{margin-left: 0px;} .languageContainer .languageContentContainer .title .el-select{width: 400px;} .homecontainer .el-upload-list {float: right;} .homeEditLanguagePairContainer .el-upload-list__item .el-icon-upload-success { color: #13ce66; float: right; margin-top: 3px; } .homeEditLanguagePairContainer .el-upload-list__item .el-upload-list__item-status-label{width: auto;padding: 2px; margin-right: 10px; background: none;} .homeEditLanguagePairContainer.registerTranslatorToTeamDialog .upload{vertical-align: top;} .homeEditLanguagePairContainer.registerTranslatorToTeamDialog .el-upload-list__item-name{padding-left: 0;} .homeEditLanguagePairContainer.registerTranslatorToTeamDialog .upload .el-icon-close{right: 2px;top: 6px;} .homeEditLanguagePairContainer .addPriceSettingDialog .el-form-item{width: 100%;} .homecontainer .userinfotitle .el-button span{margin-left: 0; font-size: 12px; color: #555;} .homecontainer .userinfotitle .r {float: right; margin-right: 20px; width: 79%;} .homecontainer .userinfotitle .el-button {float: right; display: inline-block; height: 30px; width: 22%; line-height: 30px; padding: 0px 5px; background: #F2F6FC; font-size: 12px;} .homecontainer .homeEditLanguagePairContainer .friendInfoForm {width:calc(100% - 165px);} .homecontainer .homeEditLanguagePairContainer .friendInfoForm input {border-color: #d1dbe5; margin: 1px;} .homecontainer .homeEditLanguagePairContainer {font-weight: normal;} .homeEditLanguagePairContainer .passworddialog .el-form-item{width:100%;} .homecontainer .userinfo .userinfotitle .active {float: right; display: inline-block; width: 17%; margin-right: 20px; height: 30px; line-height: 30px;background: #F2F6FC;border: 1px solid silver;border-radius: 4px; margin-top: 5px; font-size: 12px;} .homecontainer .userinfo .userinfotitle .active:hover{ background: #f6f6f6;border:1px solid #3399ff;border-radius: 4px; } .homecontainer .userinfo .tablecontainer .buy a {float: right; display: inline-block; width: 17%; margin-right: 15px;height: 30px;line-height: 30px;background: #F2F6FC;border: 1px solid silver;border-radius: 4px; margin-top: 5px;} .homecontainer .userinfo .userinfotitle .buy .cloudButton {float: right; display: inline-block; width: 17%; margin-right: 20px; height: 30px; line-height: 30px;background: #F2F6FC;border: 1px solid silver;border-radius: 4px; margin-top: 5px; font-size: 12px;} . .homecontainer .registerToTeamDialog .title {font-size: 14px;position: fixed; width: 920px; z-index: 999;} .homecontainer .registerToTeamDialog .form {top:30px;} .homecontainer .registerToTeamDialog .form label {display: inline-block; margin-right: 5px; width: 150px; height: 22px; background: #F2F6FC; padding: 2px; border-radius: 5px; margin: 3px; text-align: center;} .homecontainer .registerToTeamDialog .el-form .el-form-item__label {font-size: 14px !important; text-align: left; font-weight: bold;margin-top: 10px; width: 83px; padding: 5px; height: 25px; text-align: center !important;background-color: #fff;} .homecontainer .registerToTeamDialog .el-dialog { width:850px; height:540px; margin-top: 5px;} .el-table .el-table__body tr.current-row>td{font-weight: bold;} .el-dialog__header .el-dialog__title{font-weight: bold;} .el-table__header .cell{font-weight: bold;} .homecontainer .registerToTeamDialog.homeEditLanguagePairContainer .title {font-size: 14px;top: 70px;} .homecontainer .registerToTeamDialog.homeEditLanguagePairContainer .form { height: calc(100% - 100px);top: 0;} .myPublicInfoContainer .form .leftcol .el-form-item__content{padding-right: 10px;} .myPublicInfoContainer .form .rightcol .el-form-item{padding-left: 10px;} .myPublicInfoContainer .form .el-form-item .el-input{width: calc(100% - 25px);} .myPublicInfoContainer .form .el-form-item .el-select{width: calc(100% - 25px);} .myPublicInfoContainer .form .el-form-item .el-select .el-input{width: 100%;} .friendcontainer .friendcontent .friendFormContent .el-form-item{width: calc(50% - 2px);display: inline-block;} .friendcontainer .friendcontent .friendFormContent .el-form-item .el-input{width: calc(100% - 25px);} .friendcontainer .friendcontent .friendFormContent .el-form-item .el-select{width: calc(100% - 25px);} .friendcontainer .friendcontent .friendFormContent .el-form-item .el-select .el-input{width: 100%;} .el-table .cell img{vertical-align: sub;} .qualityStandardContainer .translateErrorTypeTableContent .el-table .el-table__expanded-cell{padding:0 0 0 49px!important;} .qualityStandardContainer .translateErrorTypeTableContent .el-table .expand .el-table__expand-column .cell .el-table__expand-icon {display: none;} .qualityStandardContainer .translateErrorTypeTableContent .el-table .el-table__expanded-cell .el-table{border-top: 0;margin-bottom: -1px;margin-top: 0px;} .qualityStandardContainer .translateErrorTypeTableContent .el-table .el-table__expanded-cell .el-table tr td:last-child{border-right: 0;} .qualityStandardContainer .translateErrorTypeTableContent .el-table .el-table__expanded-cell .el-table tr td:first-child{border-bottom: 0;} .qualityStandardContainer .translateErrorTypeTableContent .el-table .el-table__expanded-cell .el-table--border::after { width: 0px; } /*.qualityStandardContainer .translateErrorTypeTableContent .el-table .el-table__expanded-cell .el-table tr td:nth-child(3){border-bottom: 0;}*/ .qualityStandardContainer .el-table tbody .cell{user-select: none;} .qualityStandardContainer input{user-select: none;} input[readonly] { background: #EFF2F7; } .el-select input[readonly] { background: #fff; } .iframeDialog .el-dialog .el-dialog__body{padding: 10px 20px 0;height: calc(100% - 50px);} .iframeDialog .el-dialog .el-dialog__body iframe{height: 100%;} .iframeDialog .el-dialog .el-dialog__body .iframeHeight{height: calc(100% - 30px);} .el-radio-button__orig-radio:checked+.el-radio-button__inner{font-size: 12px;padding:5px 10px; } .el-radio-button__inner{font-size: 12px !important;padding:5px 10px !important; } /*.el-table__body-wrapper{overflow:hidden !important;} .el-table__body-wrapper:hover{overflow:auto !important;}*/ .el-table .el-table__body-wrapper::-webkit-scrollbar{ width: 16px; height: 5px; } .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb{ border-radius: 2px; background: #E5E9F2; } .el-dialog{ border-radius: 6px !important;} .el-dialog--full{border-radius: 2px !important;} .el-dialog__header { color: #324057; font-weight: bold; background: #eef2fa; height: 50px; padding: 0 20px; line-height: 50px; border-radius: 6px 6px 1px 1px; } .el-dialog__footer { height: 50px; background-color: #eef2fa; padding: 0 35px; border-radius: 2px 2px 6px 6px; } .el-dialog__footer .el-button{ margin-top: 10px; height: 30px; line-height: 0; } .el-dialog__title{ color: #324057; font-weight: bold; font-size: 14px; } .el-dialog--full .el-dialog__header { color: #1f2d3d; background: #FFFFFF; font-weight: bold; height: 45px; } .el-dialog--full .el-dialog__footer { height: 50px; background:#ffffff; padding: 0 35px; } .el-dialog--full .el-dialog__footer .el-button{ margin-top: 10px; height: 30px; line-height: 0; } .el-dialog--full .el-dialog__title { color: #1f2d3d; font-size: 14px; } .content{ margin: 0 auto; padding: 30px; } #container .DefaultEngine .el-form-item__label{ height: 40px; font-size: 15px; } .tableContent{ /* display:flex; justify-content:space-between;*/ } .tableContent2{ /*display:flex; */ justify-content:space-between; position: relative; } .engineTable{ width: 49%; display: inline-block; } .shareTable{ width: 49%; display: inline-block; vertical-align: top; margin-left: calc(2% - 5px); } .shareView3 .el-dialog__body{ padding: 10px 20px; } .genreTable{ margin-top: 30px; } .translateEnginedSetting{ height: 100%; background: #fff; } #translateEnginedSetting .sourceSelectClass .el-select__tags{ height: 34px; overflow-y: auto; } #translateEnginedSetting .sourceSelectClass .el-input .el-input__inner{ height: 34px !important; } #translateEnginedSetting .sourceSelectClass .el-select__tags::-webkit-scrollbar{ display: none; } .translateEnginedSetting .selectTransEngineDialog .el-dialog{ font-size: 12px; top:10%; } .translateEnginedSetting .selectTransEngineDialog .el-dialog .el-checkbox-group{ border: 1px solid #8492A6; border-radius: 5px; padding: 10px 15px; margin-top: 10px; } .translateEnginedSetting .selectTransEngineDialog .el-dialog .el-checkbox{display: block;} .translateEnginedSetting .selectTransEngineDialog .el-dialog .el-checkbox+.el-checkbox{margin-left: 0;} .translateEnginedSetting .checkbox .el-checkbox-group{ border: 1px solid #CECECE; border-radius: 5px; padding: 10px 15px; margin-top: 10px; margin-bottom: 10px; } .translateEnginedSetting .checkbox .el-checkbox{display: block;} .translateEnginedSetting .checkbox .el-checkbox+.el-checkbox{margin-left: 0;} .translateEnginedSetting .checkbox .el-button{float: right;} .translateEnginedSetting .checkbox .el-button+.el-button{margin-right: 10px;} .translateEnginedSetting th .el-checkbox{display: none;} /*.translateEnginedSetting .content .el-table .el-table__row:last-child .el-checkbox{display: none;}*/ .translateEnginedSetting .content .el-table .myCell .el-checkbox{display: none;} .translateEnginedSetting .enableButton{background: #ff6433;border:1px solid #ff6433;color:#fff;} .translateEnginedSetting .enableButton:hover{opacity: 0.8;color:#fff;border:1px solid #ff6433;} .translateEnginedSetting .el-dialog--full .el-dialog__body{padding: 0;} .translateEnginedSetting .el-dialog--full .el-dialog__body .el-dialog__body{ padding: 30px 20px;} #translateEnginedSetting .el-dialog .el-input{width: 100%;} #translateEnginedSetting .el-dialog .el-input-number{width: 100%;} #translateEnginedSetting .el-dialog .el-select{width: 100%;} .shareView1{ width: 750px !important; } .shareView2{ display:flex; justify-content:space-between; } .engineTable2{width: 100% !important;} .languageContentContainer .el-dialog .el-dialog__header{padding:0 20px;} .languageContentContainer .el-dialog .el-dialog__footer{padding:0 20px;} .languageContentContainer .el-dialog .el-form .el-select{width: 100%;} .el-input__inner{border-radius: 8px;} .el-textarea__inner{border-radius: 8px;} .el-tabs{border-radius: 8px;} button{border-radius: 8px !important;} #container .modifyDialogVue .el-form-item__label { font-size: 12px; text-align: left; border: 0px; background: #fff; } /*.modifyDialogVue .modifyDialogVue .el-form .el-form-item__label { font-size: 12px !important; height: auto; font-weight: normal; }*/ #container .modifyDialogVue .el-form-item { margin-bottom: 7px; } .modifyDialogVue .el-form .el-form-item__label { font-size: 12px !important; height: auto; font-weight: normal; } .modifyDialogVue .el-dialog .el-dialog__header { color: #1f2d3d; background: #fff; height: 2vh; } .modifyDialogVue .el-dialog .el-dialog__footer { height: 55px; background: #fff; } .modifyDialogVue .el-dialog .el-dialog__body { /* background-color: #ffffff; */ padding-top:25px; padding-right: 0; height: 100%; overflow-y: auto; overflow-x: hidden; } .groupMenuContainer .modifyDialogVue .el-dialog--small{ width: 95%; } .groupMenuContainer .modifyDialogVue .el-form-item__label{ width: 100px; } .groupMenuContainer .modifyDialogVue .el-row{ /*height: 135px;*/ } .engineTable2{width: 100% !important;} .modifyDialogVue .el-dialog {width: 800px; z-index: 99999; } .modifyDialogVue .el-dialog .el-dialog__header{color: #1f2d3d;background: #fff; height:2vh;} /*.modifyDialogVue .el-dialog .el-dialog__header .el-dialog__title{color: #1f2d3d; font-size: 16px;}*/ .modifyDialogVue .el-dialog .el-dialog__footer{height:55px; background: #fff} /*.modifyDialogVue .modifySelect{ width: 252px; position: absolute;;}*/ .modifyDialogVue .modifyInput input{ width: 100% !important;/* position: absolute;*/} /*.modifyDialogVue .unit {position: relative;}*/ .modifyDialogVue .el-form .el-form-item__label{font-size: 12px !important;height: auto;font-weight: normal;} .modifyDialogVue .modifySelect{ width: 200px; position: absolute;} .modifyDialogVue .modifyInput { width: calc(100% - 10px); /*position: absolute;*/} .modifyDialogVue .verticlFrom .modifyInput { width:100%;} .modifyBarginDialog .el-dialog__body{height: 180px;}