﻿/*------------- 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:#333; text-decoration:none;-webkit-transition: all .2s; transition: all .2s;}
a:hover{ color:#1677ff;}
body{font-family:"微软雅黑"; font-size:14px;color:#333;}
.r-content{ width:1100px; margin:0 auto;}
.r-fllf{ float:left;}
.r-flrt{ float:right;}
.r-lgbtn{ font-size:16px; height:42px; line-height:42px; display:block; color:#fff; width:100%; border:0; border:none; border-radius:5px; cursor:pointer; background:#1890ff;-webkit-transition: all .2s; transition: all .2s;}
.r-lgbtn:hover{background:#40a9ff; color:#fff;}
.r-top{ overflow:hidden;zoom:1; height:100px; line-height:100px;box-shadow:0px 2px 8px #dedede;}
.r-top .r-title{  width:1100px; margin:0 auto; position:relative;}
.r-top .r-title .r-ustl{color:#333; font-size:30px; font-weight:bold;}
.r-top .r-title .r-usxf{ position:absolute; right:0; top:60px; overflow:hidden;}
.r-top .r-title .r-usxf a{color:#1677ff; font-size:16px; font-weight:normal; border-right:#ccc solid 1px; padding:0 12px; float:left; display:block; height:20px; line-height:20px; margin-top:8px;}
.r-top .r-title .r-usxf a:last-child{border-right:none; padding-right:0;}
.r-top .r-title .r-usxf a:hover{text-decoration:underline !important;}
.r-main{ margin-top:100px; margin-bottom:20px; overflow:hidden;}
.r-mid .r-left{ width:650px; float:left;max-height: 480px;overflow: auto;}
.r-mid .r-left .r-zjxz{ width:550px;font-size:16px; color:#333;} 
.r-mid .r-left .r-zjxz h3{color:#464646; margin-bottom:15px;}
.r-mid .r-left .r-zjxz p{ line-height:30px; margin-bottom:15px;} 
.r-mid .r-left .r-zjxz p a{ color:#1677ff;}
.r-mid .r-left .r-zjxz p a:hover{text-decoration:underline !important;}
.r-lgfm .r-hxbox{position:relative;} 
.r-mid .r-right{ width:450px; min-height:400px; float:right; color:#666; font-size:16px; border-left:#e8e8e8 solid 3px;padding-left:120px; box-sizing:border-box;}
.r-ljzc a{ color:#1677ff; margin-bottom:20px; display:block; height:30px; line-height:30px;}
.r-ljzc a:hover{text-decoration:underline !important;}
.r-lgtl{ overflow:hidden;zoom:1; margin-bottom:20px;}
.r-main .r-lgtl a{ font-size:20px; color:#888;margin-right:30px; border-bottom:#fff solid 3px; padding-bottom:10px; display:block; float:left;}
.r-main .r-lgtl a:hover{color:#1677ff; text-decoration:none !important;}
.r-main .r-lgtl .r-nvon{color:#000 !important;  border-bottom:#000 solid 3px;}
.r-lgfm .r-hxbox .r-cmif{ border:#afafaf 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/yk2023/r-usericon.png) no-repeat center center;}
.r-lgfm .r-hxbox .r-cmif .r-icmb{ background:url(../../images/yk2023/r-mblicon.png) no-repeat center center;}
.r-lgfm .r-hxbox .r-cmif .r-icps{ background:url(../../images/yk2023/r-pswdicon.png) no-repeat center center;}
.r-lgfm .r-hxbox .r-cmif .r-icpsqr{ background:url(../../images/yk2023/r-pswdqricon.png) no-repeat center center;}
.r-lgfm .r-hxbox .r-cmif .r-icyz{ background:url(../../images/yk2023/r-yzmicon.png) no-repeat center center;}
.r-lgfm .r-hxbox .r-cmif .r-icyzdx{ background:url(../../images/yk2023/r-emailicon.png) no-repeat center center;}
.r-lgfm .r-hxbox .r-cmif .r-intp{height:36px; line-height:36px;width:280px;float:left; border:none; font-size:16px; margin-top:1px;}
.r-lgfm .r-hxbox .r-cmif .r-intp::-webkit-input-placeholder{color:#999999; }
.r-lgfm .r-hxbox .r-cmif .r-intp:-moz-placeholder{color:#999999; }
.r-lgfm .r-hxbox .r-cmif .r-intp::-moz-placeholder{color:#999999; }
.r-lgfm .r-hxbox .r-cmif .r-intp:-ms-input-placeholder{color:#999999; }
.r-lgfm .r-hxbox .r-redbd{ border:#ff0000 solid 1px;}
.r-lgfm .r-hxbox .r-wth{ width:200px;}
.r-lgfm .r-hxbox .r-wth .r-intp{ width:160px;}
.r-lgfm .r-hxbox .r-yzm{ float:right; width:114px; height:40px;}
.r-lgfm .r-hxbox .r-yzm .r-hqbn{ color:#6b6b6b; background:#e4e4e4;width:114px; height:40px; line-height:40px; text-align:center; display:block;border-radius:5px; font-size:16px;-webkit-transition: all .2s; transition: all .2s;border: none;cursor: pointer;}
.r-lgfm .r-hxbox .r-yzm .r-hqbn:hover{ background:#eeeeee;}
.r-lgfm .r-hxbox .r-tip{ border:#f5222d solid 1px;}
.r-lgfm .r-hxbox .r-tip2{ border:#3bb001 solid 1px;}
.r-lgfm .r-hxbox label{font-size:14px; color:#f5222d; padding-left:3px; display:block; position:absolute;top:32px;}
/*.r-lgfm .r-hxbox label{font-size:14px;  padding-left:3px; display:block; position:absolute;top:32px;}*/
.r-lgfm .r-hxbox .r-tip label{color:#f5222d;}
.r-lgfm .r-hxbox .r-tip2 label{color:#3bb001;}
.r-lgfm .r-hxbox .r-ddif{ border:#ffa39e solid 1px;border-radius:5px;line-height:24px; background:#fff1f0; color:#666; margin-bottom:15px;}
.r-lgfm .r-hxbox .r-ddif .r-tips{ background:url(../../images/yk2023/r-tips.png) no-repeat 10px 13px; padding:8px 10px 8px 35px; color:#ff0000;}
.r-lgfm .r-hxbox .r-ddif2{ border:#a6db8c solid 1px;border-radius:5px;height:40px; line-height:40px; background:#edfde5; color:#666; margin-bottom:15px;}
.r-lgfm .r-hxbox .r-ddif2 .r-tips{ background:url(../../images/yk2023/r-tips2.png) no-repeat 10px 13px; padding-left:35px;color:#38aa00;}
.r-lgfm .r-hxbox .r-point{ height:24px; color:#ff0000; font-size:14px; padding-left:5px;}
.r-mid .r-right .r-ozlg{ font-size:16px; margin-top:16px; overflow:hidden;}
.r-mid .r-right .r-ozlg .r-fogt{color:#1677ff;}
.r-mid .r-right .r-ozlg a:hover{text-decoration:underline !important;}
.r-mid .r-othlg .r-ottl{ overflow:hidden;zoom:1; margin:20px 0 15px;}
.r-mid .r-othlg .r-ottl span{ border-bottom:#ddd solid 1px; height:1px; display:block; width:100px; height:12px;}
.r-mid .r-othlg .r-ottl p{ display:block; width:100px; margin:0 auto;}
.r-mid .r-othlg .r-weixdl{ text-align:center;}
.r-mid .r-othlg .r-weixdl span{ width:36px; height:36px; margin-right:8px; background:#56ce35; border-radius:36px; display:inline-block; text-align:center; padding-top:5px; box-sizing:border-box;}
/**用户页**/
.r-nostu{ color:#333; width:240px; margin:30px auto;}
.r-nostu .r-sttle{ font-size:20px; line-height:30px; margin-bottom:20px; text-align:center;}
.r-nostu .r-stbut a{display: block;text-align:center; width:140px; margin:0 auto;}
.r-hastu{color:#333; margin-top:30px;}
.r-hastu .r-hatle{font-size:20px; line-height:30px; margin-bottom:20px;}
.r-hastu .r-hachd{ overflow:hidden;zoom:1; margin-bottom:15px; line-height:36px; background:#f3f9fe;border-radius: 5px; padding:15px 20px;}
.r-hastu .r-hachd .r-fllf p{ color:#666;}
.r-hastu .r-hachd .r-fllf .r-hanm{ font-size:22px; color:#333;}
.r-hastu .r-hachd .r-flrt{ margin-top:18px;}
.r-hastu .r-hachd .r-flrt a{ color:#1677ff;}
.r-hastu .r-hachd .r-flrt a:hover{text-decoration:underline !important;}
.r-hastu .r-habut a{ display:block; float:left; width:auto; padding:0 20px; margin-top:15px;}
/**微信**/
.r-wxewm{position: absolute;top: 0;width: 100%;height: 100%;z-index: 99;text-align: center;}
.r-wxewm .r-wxzhez{background-color: rgba(0,0, 0, 0.5);width: 100%;height: 100%;position: absolute;z-index: 8;}
.r-wxewm .r-wxbox{z-index: 9;position: relative;margin:200px auto 0;background: #fff;padding:30px;border-radius:12px;box-shadow: 0 5px 15px rgb(0 0 0 / 50%);width:300px;margin-top: -200px;top: 50%;}
.r-wxewm .r-wxbox .r-wxtil{line-height:50px;height:50px;font-size:24px;}
.r-wxewm .r-wxbox .r-wxtil .closeic{width:60px;float: right;position: absolute;top:0;right:0;font-size: 16px;}
.r-wxewm .r-wxbox .r-wxinf{margin-top:20px;}
.r-wxewm .r-wxbox .r-wxinf .r-wxpone .r-lgbtn{width: 80%;margin: 0 auto;}


/**移动端**/
@media screen and (max-width: 1100px) {
.r-top{ height:auto; line-height:40px; padding:20px;}
.r-top .r-title{ float:none; margin-left:0; text-align:center; width:auto; font-size:28px;}
.r-left{ display:none;}
.r-content{ width:auto; margin:0 20px;}
.r-main{ margin-top:30px;}
.r-mid .r-left{ padding-right:0; float:none; width:auto; border-right:none;}
.r-mid .r-left .r-lgtl{ text-align:center;}
.r-lgfm .r-hxbox .r-cmif .r-intp{ box-sizing:border-box; width:calc(100vw - 98px);}
.r-lgfm .r-hxbox .r-wth{ box-sizing:border-box; width:calc(100vw - 174px);}
.r-lgfm .r-hxbox .r-wth .r-intp{width:calc(100vw - 214px);}
.r-mid .r-right{ float:none; width:auto; padding-left:0; border:none;}
.r-top .r-title .r-flrt{ margin-top:10px;}
.r-top .r-title .r-flrt a{ margin-top:10px;}
.r-nostu{ width:auto; margin-top:10px;}
.r-hastu{ margin-top:10px;}
.r-top .r-title .r-usxf{ margin-top:10px; position:static;}
.r-mid .r-othlg{ display:none;}
.modal-dialog {margin: 10px auto;}
}






