/*------------- CSSReset -----------*/
/** 清除边距 **/
body,h1,h2,h3,h4,h5,h6,p,blockquote, /* structural elements 结构元素 */
dl,dt,dd,ul,ol,li, /* list elements 列表元素 */
form,fieldset,legend,button,input,textarea, /* form elements 表单元素 */
th,td /* table elements 表格元素 */ {margin:0;padding:0;}

/** 字体设置 **/
body,button,input,select,textarea /* for ie */{font:14px "微软雅黑", tahoma, arial, \5b8b\4f53, sans-serif; outline:none;}

/** 重置列表元素 **/
ul,ol{list-style:none outside none;}

/** 重置表单元素 **/
fieldset,img{border:0;} /* img 搭车：让链接里的 img 无边框 */
button,input,select,textarea {font-size:100%;} /* 使得表单元素在 ie 下能继承字体大小 */

/** 重置元素垂直居中 **/
img,input,select,textarea,button{vertical-align:middle;}

/** 文字链接 **/
a{ color:#686868; text-decoration:none;-webkit-transition: all .3s; transition: all .3s;}
a:hover{ color:#1398fe;text-decoration:none;}
html{ height:100%;}
body{font-family:"微软雅黑"; font-size:14px;color:#333; padding:0; margin:0;}
.r-fllf{ float:left;}
.r-flrt{ float:right;}

/** 主页 **/
.r-idxbg{
	background: #0381d1;
    background: -moz-linear-gradient(top,  #1052ec 20%, #67bffc 80%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#1052ec), color-stop(80%,#67bffc), color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,  #1052ec 20%,#67bffc 80%,#fff 100%);
    background: -o-linear-gradient(top,  #1052ec 20%,#67bffc 80%,#fff 100%);
    background: -ms-linear-gradient(top,  #1052ec 20%,#67bffc 80%,#fff 100%);
    background: linear-gradient(to bottom,  #1052ec 20%,#67bffc 80%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1052ec', endColorstr='#fff',GradientType=0 );}
.r-gmbg{background:url(../../images/loginzs2022/gmbg.png) no-repeat center bottom; width:100%; height:470px; position:absolute; bottom:0;}
.r-index{ width:1100px; height:540px; margin:120px auto 0;}
.r-index .r-idxtitle{ font-size:34px; color:#fff; font-weight:bold; text-align:center; margin-bottom:60px; line-height:36px;}
.r-index .r-idxtitle span{ font-size:0px; margin:10px 16px; font-weight:normal; height:2px; line-height:36px; width:20px; background:#fff; display:inline-block;}
.r-index .r-idxmain{width:1100px;height:500px; position:relative;}
.r-index .r-idxmain .r-bgcl{width:1100px; height:500px; background:#fff;opacity:0.15; position:absolute; top:0; left:0; z-index:-1;}
.r-index .r-idxmain .r-item{ overflow:hidden;zoom:1;}
.r-index .r-idxmain .r-item .r-itlf{ width:650px; height:476px; float:left; margin:12px; background:#d9f1ff;}
.r-index .r-idxmain .r-item .r-itlf .r-ggtl{ font-size:20px; color:#333; line-height:62px; height:62px; border-bottom:#b4d5e8 solid 1px; overflow:hidden;zoom:1;}
.r-index .r-idxmain .r-item .r-itlf .r-ggtl span{border-bottom:#1398fe solid 3px;line-height:62px; height:62px; display:inline-block; margin-left:24px; position:absolute;}
.r-index .r-idxmain .r-item .r-itlf .r-ggif{ margin:24px; height:364px; overflow:auto;}
.r-index .r-idxmain .r-item .r-itlf .r-ggif .r-noinf{font-size:18px; color:#666;text-align:center;}
.r-index .r-idxmain .r-item .r-itrt{ width:414px; float:right;margin:12px 12px 0 0; position:relative;}
.r-index .r-idxmain .r-item .r-itrt .r-lgbf a{ width:414px; height:232px; line-height:232px; background:url(../../images/loginzs2022/gmltbg1_2.gif) repeat-y left top; display:block; margin-bottom:12px;-webkit-transition: all .5s; transition: all .5s;}
.r-index .r-idxmain .r-item .r-itrt .r-lgbf a:hover{background: #00aaf2;}
.r-index .r-idxmain .r-item .r-itrt .r-lgbf a:nth-child(2){background:url(../../images/loginzs2022/gmltbg2_2.gif) repeat-y left top;}
.r-index .r-idxmain .r-item .r-itrt .r-lgbf a:nth-child(2):hover{background: #5069ff;}
.r-index .r-idxmain .r-item .r-itrt .r-lgbf a span{ color:#fff; font-size:20px; display:block; float:left;}
.r-index .r-idxmain .r-item .r-itrt .r-lgbf a span:nth-child(1){font-size:20px; font-weight:normal; margin-left:40px;}
.r-index .r-idxmain .r-item .r-itrt .r-lgbf a:hover span{font-weight:bold;}
.r-index .r-idxmain .r-item .r-itrt .r-lgbf a span:nth-child(2){float:right; margin-right:40px;}
.r-index .r-idxmain .r-item .r-itrt .r-lgbf a img{ margin-left:16px;}
.r-index .r-idxmain .r-item .r-itrt .r-lgaft{ width:414px; height:476px; background:#fff; position:absolute; left:0; top:0;}

/** 登录 **/
.r-lgclose{ position:absolute; right:16px; top:16px; width:30px; height:30px; display:block;background:url(../../images/loginzs2022/gmclose.png) no-repeat center center;}
.r-lgclose:hover{background:url(../../images/loginzs2022/gmcloseon.png) no-repeat center center;}
.r-lgtl{ font-size:20px; margin:40px auto 30px; width:334px;}
.r-lgfm{width:334px; margin:0 auto;}
.r-lgfm .r-hxbox{position:relative;} 
.r-lgfm .r-hxbox .r-cmif{ border:#cdcdcd solid 1px;border-radius:5px;height:40px; line-height:40px; overflow:hidden;}
.r-lgfm .r-hxbox .r-cmif span{display:block; float:left;width:36px; height:38px;}
.r-lgfm .r-hxbox .r-cmif .r-icus{ background:url(../../images/loginzs2022/r-usericon.png) no-repeat center center;}
.r-lgfm .r-hxbox .r-cmif .r-icps{ background:url(../../images/loginzs2022/r-pswdicon.png) no-repeat center center;}
.r-lgfm .r-hxbox .r-cmif .r-icyz{ background:url(../../images/loginzs2022/r-yzmicon.png) no-repeat center center;}
.r-lgfm .r-hxbox .r-point{ height:26px; color:#f5191e; margin-left:2px; overflow:hidden;}
.r-lgfm .r-hxbox .r-cmif .r-intp{height:36px; line-height:36px;width:295px;float:left; border:none; font-size:14px; margin-top:1px;}
.r-lgfm .r-hxbox .r-cmif .r-intp::-webkit-input-placeholder{color:#bebebe; }
.r-lgfm .r-hxbox .r-cmif .r-intp:-moz-placeholder{color:#bebebe; }
.r-lgfm .r-hxbox .r-cmif .r-intp::-moz-placeholder{color:#bebebe; }
.r-lgfm .r-hxbox .r-cmif .r-intp:-ms-input-placeholder{color:#bebebe;}
.r-lgfm .r-hxbox .r-wth{ width:210px;}
.r-lgfm .r-hxbox .r-wth .r-intp{ width:170px;}
.r-lgfm .r-hxbox .r-yzm{ float:right; width:100px; height:40px; margin-left:24px;}
.r-lgfm .r-lgbtn{ font-size:16px; height:40px; line-height:40px; display:block; color:#fff; width:100%; border:0; border:none; border-radius:5px; cursor:pointer;}
.r-lgfm .r-granbt{background:#f5f5f5; color:#888; border:#d7d7d7 solid 1px;-webkit-transition: all .2s; transition: all .2s; font-size:14px;}
.r-lgfm .r-granbt:hover{background:#e8f7fe;color:#059fef;border:#059fef solid 1px;}
.r-lgfm .r-bluebt{background:#1398fe;-webkit-transition: all .2s; transition: all .2s; height:42px; line-height:42px;}
.r-lgfm .r-bluebt:hover{background:#17aefc;}
.r-lgfm .r-fogt{ margin-top:20px; color:#666; overflow:hidden;}
.r-lgfm .r-fogt a{color:#999;}
.r-lgfm .r-fogt a:hover{color:#1398fe;}

@media screen and (max-width: 1100px){
.r-idxbg{ background:#f2f2f2;}
.r-gmbg{ display:none;}
.r-index{ width:100%; height:auto; margin:0;}
.r-index .r-idxtitle{font-size:3.2rem;margin-bottom:0; background:#1398fe; padding:2.4rem 2rem; line-height:5rem;}
.r-index .r-idxmain{width:100%; height:auto;}
.r-index .r-idxmain .r-bgcl{ display:none;}
.r-index .r-idxmain .r-item{ margin:1.2rem; overflow:unset;}
.r-index .r-idxmain .r-item .r-itlf{width:100%; height:auto;float:none;margin:0; margin-bottom:1.2rem;border-radius:0.5rem;}
.r-index .r-idxmain .r-item .r-itlf .r-ggtl{font-size: 2rem;line-height: 6.2rem; height: 6.2rem;}
.r-index .r-idxmain .r-item .r-itlf .r-ggtl span{line-height: 6.2rem;height: 6.2rem;margin-left: 2.4rem;}
.r-index .r-idxmain .r-item .r-itlf .r-ggif{margin:0;height:auto; padding:2.4rem;}
.r-index .r-idxmain .r-item .r-itrt{width:100%;float: none;margin:0; margin-bottom:1.2rem;}
.r-index .r-idxmain .r-item .r-itrt .r-lgbf a{width:100%;height:8.8rem;line-height:8.8rem;margin-bottom: 1.2rem;background: #0f9efd;background: linear-gradient(to right,  #0981fc 0%,#15c0ff 100%);border-radius:0.5rem;}
.r-index .r-idxmain .r-item .r-itrt .r-lgbf a:nth-child(2){background: #5f91fe;background: linear-gradient(to right,  #5478fd 0%,#6aa9ff 100%);}
.r-index .r-idxmain .r-item .r-itrt .r-lgaft{width:100%; height:auto;border-radius:0.5rem; position:relative;}
.r-lgclose{right: 1.6rem;top: 1.6rem;width: 3rem;height: 3rem;}
.r-lgtl{font-size:2rem; padding: 4rem 4rem 3rem; margin:0; width:auto;}
.r-lgfm{width: auto;margin:0 4rem;}
.r-lgfm .r-hxbox .r-cmif{border-radius: 0.5rem;height: 4rem;line-height: 4rem;}
.r-lgfm .r-hxbox .r-cmif span{width: 3.6rem;height: 3.8rem; position:absolute;}
.r-lgfm .r-hxbox .r-cmif .r-intp{height: 3.6rem;line-height: 3.6rem;width: 100%; float: left;font-size: 1.4rem; margin-top: 0.1rem;padding-left:3.6rem;}
.r-lgfm .r-hxbox .r-yzm{ width: 10rem;height: 4rem;margin-left: 1.4rem;}
.r-lgfm .r-hxbox .r-wth{width:calc(100vw - 21.8rem);}
.r-lgfm .r-fogt{padding: 2rem 0 4rem; margin:0;}
.r-lgfm .r-lgbtn{border-radius:0.5rem;}
}