/* reset */
body{background-color:#f6f7f9 !important;}
a{color:#0086e3;text-decoration:none;}
a:hover{text-decoration:underline;}

.um-login-page{}
.banner{background-image:linear-gradient(270deg, #5700B4 20%, #00EA8A 80%);}
.banner .inner{background-position:center center;background-repeat:no-repeat;background-size:cover;}

.x-main{}

.x-module{overflow:hidden;background-color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,0.06);border-radius:2px;}
.x-module .mdl-title{margin:20px 24px;font-family:PingFangSC-Medium;color:#252934;letter-spacing:0;}
.x-module dl{/* overflow:hidden; */margin-top:0px;margin-bottom:16px;}
.x-module dt{padding:4px 0px;font-family:PingFangSC-Regular;font-size:12px;color:#6B798E;letter-spacing:0;line-height:20px;}
.x-module dd{/* overflow:hidden; */}
.x-module dd:after{content:'';display:block;clear:both;}
.x-module dd .input-wrapper{}
.x-module dd input[type=text],
.x-module dd input[type=password]{width:100%;box-sizing:border-box;padding:3px 16px;outline:none;font-family:PingFangSC-Regular;font-size:12px;color:#C4C9D2;letter-spacing:0;line-height:20px;background-color:#FFFFFF;border:1px solid #E1E4E8;border-radius:2px;}
.x-module dd input[type=text]:hover,
.x-module dd input[type=password]:hover{border-color:#2196F3;}
.x-module dd input[type=text]:focus,
.x-module dd input[type=password]:focus{border-color:#2196F3;box-shadow:0 0 0 2px rgba(24,144,255,.2);}
.x-module .cell-submit{overflow:hidden;}
.x-module .cell-submit input[type=button],
.x-module .cell-submit input[type=submit],
.x-module .cell-submit input[type=reset],
.x-module .cell-submit button{font-family:PingFangSC-Regular;border:1px solid #2196F3;color:#2196F3;background-color:#fff;letter-spacing:0;cursor:pointer;box-sizing:border-box;outline:none;}
.x-module .cell-submit input[type=submit]{border:1px solid #2196F3;color:#FFFFFF;background-color:#2196F3;}
.x-module .cell-submit a{display:inline-block;margin:4px 10px 4px 0px;font-family:PingFangSC-Regular;font-size:12px;color:#6B798E;letter-spacing:0;line-height:20px;}
.x-module .cell-submit a:hover{color:#0086e3;}

.back-old-version{box-shadow:none;background-color:transparent;}

.x-module2{/* overflow:hidden; */margin-bottom:20px;}
.x-module2 .mdl-title{margin:0px 0px 12px 0px;font-family:PingFangSC-Medium;font-size:16px;color:#252934;letter-spacing:0.5px;line-height:22px;}

.x-login{padding:0px 24px;}

.note-tip{position:relative;margin:20px 0px;padding:6px 20px;background-color:rgba(59,130,254,0.05);border:1px solid rgba(33,150,243,0.50);border-radius:2px;}
.note-tip .x-icon2{color:#2196F3;vertical-align:middle;}
.note-tip>.x-icon2{float:left;}
.note-tip .close{float:right;}
.note-tip .close .x-icon2{}
.note-tip .note-content{font-family:PingFangSC-Regular;color:#6B798E;letter-spacing:0;}
.note-tip .note-content span{display:inline-block;}
.note-tip a.login-cnzz{display:inline-block;white-space:nowrap;}
.note-tip a.login-cnzz:hover{}
.note-tip a.login-cnzz .x-icon2{float:none;margin-left:4px;}

.login-form{}
.login-form .help-view-pwd{display:none;margin-left:10px;}
.login-form .cell-vcode{display:inline-block;margin-left:10px;width:93px;height:28px;vertical-align:middle;}
.login-form .cell-vcode img{cursor:pointer;width:100%;height:100%;}

.client-down{display:none;color:#6B798E;border-top:1px solid #F0F1F3;margin-bottom:15px;overflow:hidden;}
.client-down .cell-qrcode{float:left;width:150px;text-align:center;color:red;}
.client-down .cell-qrcode a{display:block;}
.client-down .cell-qrcode img{margin-top:25px;}
.client-down .cell-down-btns{float:left;width:65%;line-height:20px;margin-top:20px;}
.client-down .cell-down-btns .down-title{font-size:14px;color:#252934;font-weight:bold;}
.client-down .cell-down-btns ul{margin-top:6px;}
.client-down a.an_download{text-indent:-999em;float:left;width:200px;height:35px;background:url(/v1/images/an_download.gif) no-repeat;cursor:pointer;display:block;}
.client-down a.an_download:hover{background:url(/v1/images/an_download_hover.gif) no-repeat;}
.client-down a.app_download{text-indent:-999em;float:left;margin-left:20px;width:200px;height:35px;background:url(/v1/images/ios_download.gif) no-repeat;cursor:pointer;display:block;}
.client-down a.app_download:hover{background:url(/v1/images/ios_download_hover.gif) no-repeat;}

.row-declare{display:none;color:#6B798E;padding:12px 0px;line-height:20px;border-top:1px solid #F0F1F3;}
.row-declare .bblue{color:#2196F3;font-weight:bold;}

.x-sitetool{padding:0px 24px;}
.x-module .x-sitetool dl{margin-bottom:20px;}
.x-module .x-sitetool dd input[type=text]{max-width:700px;width:100%;box-sizing:border-box;}
.x-module .x-sitetool dd input[type=radio]{float:left;width:14px;height:14px;margin:3px 0px;margin-right:8px;}
.x-module .x-sitetool dd label{float:left;margin-right:16px;padding:4px 0px;line-height:20px;box-sizing:border-box;cursor:pointer;}
.x-module .x-sitetool dd label span{font-family:PingFangSC-Regular;font-size:12px;color:#6B798E;letter-spacing:0;line-height:20px;vertical-align:top;}
.x-module .x-sitetool dd label:hover span{color:#2196F3;}

.product-list{list-style:none;margin:0px;padding:0px;/* overflow:hidden; */}
.product-list:after{content:"";display:block;clear:both;}
.product-list li{background-color:#FFFFFF;box-shadow:0 2px 8px 0 rgba(0,0,0,0.06);}
.product-list li:last-child{margin-bottom:0px;}
.product-list li a{display:block;text-decoration:none;padding:20px 24px;box-sizing:border-box;}
.product-list li .x-icon2{float:left;width:48px;height:48px;margin-right:8px;}
.product-list li .title{font-family:PingFangSC-Medium;font-size:14px;color:#252934;line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.product-list li .title span{display:inline-block;margin-left:8px;padding:0px 6px;border-radius:2px;background-color:#E1E4E8;font-family:PingFangSC-Regular;font-size:12px;color:#6B798E;line-height:20px;}
.product-list li .desc{margin-top:6px;font-family:PingFangSC-Regular;font-size:12px;color:#6B798E;letter-spacing:0.5px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.product-list li a:hover .title{color:#2196F3;}
.product-list li:hover{box-shadow:0 0 20px 2px rgba(0,31,86,0.16);}

.foot-banner{overflow:hidden;height:120px;background-color:#1e8bf2;background-image:url(https://img.alicdn.com/tfs/TB1CDBaKa61gK0jSZFlXXXDKFXa-3840-240.png);background-position:center center;background-size:cover;background-repeat:no-repeat;}
.foot-banner .inner{overflow:hidden;}
.foot-banner .text{font-family:"PingFangSC-Regular";font-size:28px;color:#FFFFFF;letter-spacing:1px;text-align:center;line-height:30px;}
.foot-banner .button{text-decoration:none;width:120px;font-size:16px;text-align:center;color:#fff;background-color:#F89408;}

@media (min-width:1200px){
    .um-login-page{width:1200px;margin:0px auto;}
    .banner{margin-top:20px;}
    .banner .inner{width:1200px;height:64px;}
    .x-module{margin-top:20px;margin-bottom:20px;}
    .x-module .mdl-title{margin:20px 24px;font-size:16px;line-height:24px;}
    .x-module dt{float:left;width:60px;text-align:right;}
    .x-module dd{margin-left:80px;font-size:12px;line-height:28px;}
    .x-module dd .input-wrapper{display:inline-block;width:240px;}
    .x-sitetool dt{width:72px;}
    .x-sitetool dd{margin-left:80px;}
    .x-main{width:1200px;margin:0 auto;}
    .note-tip>.x-icon2,
    .note-tip .close{margin:2px 0px;}
    .note-tip .note-content{margin-left:20px;margin-right:20px;font-size:12px;line-height:20px;}
    .x-module .cell-submit{overflow:hidden;padding:12px 0px;border-top:1px solid #F0F1F3;}
    .x-module .cell-submit input[type=button],
    .x-module .cell-submit input[type=submit],
    .x-module .cell-submit input[type=reset],
    .x-module .cell-submit button{float:left;margin-right:10px;padding:3px 15px;font-size:12px;line-height:20px;border-radius:2px;}
    .product-list li{float:left;width:290px;margin-right:13px;}
    .product-list li:last-child{margin-right:0px;}
    .foot-banner .inner{margin:34px auto;width:510px;height:52px;}
    .foot-banner .text{float:left;font-size:32px;line-height:48px;}
    .foot-banner .button{float:left;display:inline-block;margin:6px 0 6px 48px;height:36px;line-height:36px;}
}

@media (min-width:768px) and (max-width:1199px){
    .banner{margin-top:20px;}
    .banner .inner{height:64px;}
    .x-main{margin-top:20px;padding:0px 15px;}
    .x-module{margin-bottom:20px;}
    .x-module .mdl-title{margin:20px 24px;font-size:16px;line-height:24px;}
    .x-module dt{float:left;width:60px;text-align:right;}
    .x-module dd{margin-left:80px;font-size:12px;line-height:28px;}
    .x-module dd .input-wrapper{display:inline-block;width:240px;}
    .x-sitetool dt{width:72px;}
    .x-sitetool dd{margin-left:80px;}
    .note-tip>.x-icon2,
    .note-tip .close{margin:2px 0px;}
    .note-tip .note-content{margin-left:20px;margin-right:20px;font-size:12px;line-height:20px;}
    .x-module .cell-submit{overflow:hidden;padding:12px 0px;border-top:1px solid #F0F1F3;}
    .x-module .cell-submit input[type=button],
    .x-module .cell-submit input[type=submit],
    .x-module .cell-submit input[type=reset],
    .x-module .cell-submit button{float:left;margin-right:10px;padding:3px 15px;font-size:12px;line-height:20px;border-radius:2px;}
    .product-list li{float:left;width:calc((100vw - 40px - 30px - 14px) / 4);margin-right:13px;}
    .product-list li:last-child{margin-right:0px;}
    .foot-banner .inner{margin:34px auto;width:510px;height:52px;}
    .foot-banner .text{float:left;font-size:32px;line-height:48px;}
    .foot-banner .button{float:left;display:inline-block;margin:6px 0 6px 48px;height:36px;line-height:36px;}
}

@media (max-width:767px){
    .banner{margin-top:0px;}
    .banner .inner{height:64px;}
    .x-main{margin-top:12px;padding:0px 15px;}
    .x-module{margin-bottom:10px;}
    .x-module .mdl-title{margin:20px 15px;font-size:16px;line-height:24px;text-align:center;}
    .x-module .mdl-title{}
    .x-module dl{margin-bottom:15px;}
    .x-module dt{font-size:13px;padding:0px;margin-bottom:10px;}
    .x-module dd{margin-left:0px;font-size:13px;line-height:36px;}
    .x-module dd input[type=text],
    .x-module dd input[type=password]{padding:7px 11px;font-size:13px;}
    .x-module2 .mdl-title{text-align:center;}
    .x-login{padding:0px 15px;}
    .note-tip{margin:20px 0px 15px;padding:8px 12px;}
    .note-tip>.x-icon2,
    .note-tip .close{margin:4px 0px;}
    .note-tip .note-content{margin-left:20px;margin-right:20px;font-size:12px;line-height:22px;}
    .note-tip a.login-cnzz .x-icon2{width:15px;height:15px;font-size:15px;line-height:15px;}
    .cell-pwd{position:relative;}
    .login-form .help-view-pwd{position:absolute;top:0px;right:0px;font-size:12px;line-height:20px;}
    .field-number{position:relative;}
    .x-module dd.field-number .input-wrapper{margin-right:126px;}
    .login-form .cell-vcode{position:absolute;right:0px;top:0px;width:116px;height:36px;}
    .x-module .cell-submit{padding:5px 0px 10px;}
    .x-module .cell-submit input[type=button],
    .x-module .cell-submit input[type=submit],
    .x-module .cell-submit input[type=reset],
    .x-module .cell-submit button{width:100%;margin-bottom:15px;padding:7px 15px;font-size:13px;line-height:24px;border-radius:3px;}
    .x-sitetool{padding:0px 15px;}
    .x-module .x-sitetool dl{margin-bottom:15px;}
    .x-module .x-sitetool dd label{float:left;width:calc((100vw - 75px - 15px) / 2);margin-right:15px;margin-top:15px;padding:7px 12px;border:1px solid #E1E4E8;border-radius:2px;}
    .x-module .x-sitetool dd label:hover{border-color:#2196F3;}
    .x-module .x-sitetool dd label:first-child,
    .x-module .x-sitetool dd label:nth-child(2){margin-top:0px;}
    .x-module .x-sitetool dd label:nth-child(2n){margin-right:0px;}
    .x-module2 .mdl-title {margin:20px 0px 15px 0px;}
    .product-list li{margin-bottom:10px;}
    .foot-banner .inner{margin:21px auto;}
    .foot-banner .text{font-size:20px;line-height:30px;}
    .foot-banner .button{display:block;margin:16px auto 0;height:32px;line-height:32px;}
}