@charset "UTF-8";
/* 重设样式 */
*{margin:0;padding:0;list-style:none;border:none;outline:none;}
body{ font-style: normal;font-variant:normal;color:#000000;font-family: "SourceHanSansCN-Regular", "SourceHanSansCN";}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
    font-size: 0.25rem;
}
input, select, textarea {font-size: 16px;}
/* 去掉各 Table  cell 的边距并让其边重合 */
table {border-collapse: collapse;border-spacing: 0;}
/* 去除默认边框 */
fieldset, img {border: 0;}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {border: 0;font-variant: normal;}
/* 一致的 del 样式 */
del {text-decoration: line-through;}
address, caption, cite, code, dfn, em, th, var,i {font-size:100%;font-style: normal;font-weight: normal;}
/* 去掉列表前的标识, li 会继承 */
ol, ul {list-style: none;}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {text-align: left;}
/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
q:before, q:after {content: '';}
/* 正常链接 未访问 */
/* 鼠标悬停 */
a:hover {text-decoration:none;}
/* 默认不显示下划线，保持页面简洁 */
ins, a {text-decoration: none;color:#000000;
    /*-moz-transition:all .3s ease-in;
    -webkit-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
    transition:all .3s ease-in;*/}
body{background-color: #fff;}
html{ overflow-x:hidden; }
img{width: 100%}
.fl{float: left;}
.fr{float: right;}
.mt20{margin-top: 20px;}
.mt70{margin-top: 70px;}
.w232{width: 232px; margin: 0 auto;}
.w342{width: 342px; margin: 0 auto;}
.w504{width: 504px; margin: 0 auto;}
.w398{width: 398px; margin: 0 auto;}

.cs_zz{width: 100%;height: 100%; background: #000; position: fixed;opacity: 0.6;top: 0px;z-index: 19;}
.cs_bj{width: 1052px; height: 574px;background: linear-gradient(360deg, rgba(253, 245, 222, 0.98) 0%, #FFFFFF 100%); border-radius: 44px; position: fixed;top: 50%; left: 50%;margin: -287px 0 0 -516px; z-index: 20;}
.cs_bj .cs_close{position: absolute;top: 42px;right: 42px; width: 16px; height: 16px; cursor: pointer;}
.cs_bj .cs_title{width: 267px; height: 65px; margin: 50px 0 0 274px;}
.cs_bj h1{color: #313131;font-family: SourceHanSansCN-Regular, SourceHanSansCN; font-size: 22px; text-align: center;}

.cs_bj .cs_fg{width: 810px; margin: 0 auto;}
.cs_bj .cs_fg .one{background: linear-gradient(90deg, #E8AF65 0%, #DC9A49 100%); width: 80px; height: 32px; line-height: 32px; text-align: center;border-radius: 22px;font-family: SourceHanSansCN-Regular, SourceHanSansCN;font-size: 20px; color: #fff; float: left;}
.cs_bj .cs_fg .one i{color: #EFEFEF;}
.cs_bj .cs_fg .one_title{float: left;font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 20px; color: #333;line-height: 32px; font-weight: bold;margin-left: 12px;}
.cs_bj .cs_fg ul{display: flex; justify-content: space-between; flex-wrap:wrap;width: 810px; margin:0 auto;}
.cs_bj .cs_fg li{width: 384px;cursor: pointer; position: relative;margin-top: 18px; text-align: center;}
.cs_bj .cs_fg .cs_pa{ position: absolute; bottom: 18px; left: 130px; }
.cs_bj .cs_fg .cs_pa .pic{width: 28px; height: 28px; float: left;}
.cs_bj .cs_fg .cs_pa .mcs_title{font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 20px; float: left; margin-left: 15px; line-height: 28px;color: #fff;}
.cs_bj .cs_fg button{ width: 232px; height: 54px; background: linear-gradient(90deg, #E8AF65 0%, #DC9A49 100%); line-height: 54px; text-align: center; color: #fff;font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 22px; border-radius: 28px; margin: 34px 0 0 0;}

.cs_bj .cs_hx{width: 810px; margin: 0 auto;}
.cs_bj .cs_hx .one{background: linear-gradient(90deg, #E8AF65 0%, #DC9A49 100%); width: 80px; height: 32px; line-height: 32px; text-align: center;border-radius: 22px;font-family: SourceHanSansCN-Regular, SourceHanSansCN;font-size: 20px; color: #fff; float: left;}
.cs_bj .cs_hx .one i{color: #EFEFEF;}
.cs_bj .cs_hx .one_title{float: left;font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 20px; color: #333;line-height: 32px; font-weight: bold;margin-left: 12px;}
.cs_bj .cs_hx ul{display: flex; justify-content: space-between; flex-wrap:wrap;width: 810px; margin:0 auto;}
.cs_bj .cs_hx li{width: 190px;cursor: pointer; position: relative;margin-top: 18px; text-align: center;}
.cs_bj .cs_hx .cs_pa{ position: absolute; bottom: 18px;}
.cs_bj .cs_hx .cs_pa .pic{width: 28px; height: 28px; float: left;}
.cs_bj .cs_hx .cs_pa .mcs_title{font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 20px; float: left; margin-left: 15px; line-height: 28px;color: #fff;}
.cs_bj .cs_hx button{ width: 232px; height: 54px; background: linear-gradient(90deg, #E8AF65 0%, #DC9A49 100%); line-height: 54px; text-align: center; color: #fff;font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 22px; border-radius: 28px; margin: 34px 0 0 0;}

.cs_bj .cs_dw{width: 810px; margin: 0 auto;}
.cs_bj .cs_dw .one{background: linear-gradient(90deg, #E8AF65 0%, #DC9A49 100%); width: 80px; height: 32px; line-height: 32px; text-align: center;border-radius: 22px;font-family: SourceHanSansCN-Regular, SourceHanSansCN;font-size: 20px; color: #fff; float: left;}
.cs_bj .cs_dw .one i{color: #EFEFEF;}
.cs_bj .cs_dw .one_title{float: left;font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 20px; color: #333;line-height: 32px; font-weight: bold;margin-left: 12px;}
.cs_bj .cs_dw ul{display: flex; justify-content: space-between; flex-wrap:wrap;width: 810px; margin:0 auto;}
.cs_bj .cs_dw li{width: 258px;cursor: pointer; position: relative;margin-top: 18px; text-align: center;}
.cs_bj .cs_dw .cs_pa{ position: absolute; bottom: 14px;left: 80px;}
.cs_bj .cs_dw .cs_pa .pic{width: 28px; height: 28px; float: left;}
.cs_bj .cs_dw .cs_pa .mcs_title{font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 20px; float: left; margin-left: 15px; line-height: 28px;color: #fff;}
.cs_bj .cs_dw button{ width: 232px; height: 54px; background: linear-gradient(90deg, #E8AF65 0%, #DC9A49 100%); line-height: 54px; text-align: center; color: #fff;font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 22px; border-radius: 28px; margin: 34px 0 0 0;}

.cs_bj .cs_cs{width: 810px; margin: 0 auto;}
.cs_bj .cs_cs .one{background: linear-gradient(90deg, #E8AF65 0%, #DC9A49 100%); width: 80px; height: 32px; line-height: 32px; text-align: center;border-radius: 22px;font-family: SourceHanSansCN-Regular, SourceHanSansCN;font-size: 20px; color: #fff; float: left;}
.cs_bj .cs_cs .one i{color: #EFEFEF;}
.cs_bj .cs_cs .one_title{float: left;font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 20px; color: #333;line-height: 32px; font-weight: bold;margin-left: 12px;}
.cs_bj .cs_cs ul{display: flex; justify-content: space-between; flex-wrap:wrap;width: 810px; margin:0 auto;}
.cs_bj .cs_cs li{width: 258px;cursor: pointer; position: relative;margin-top: 18px; text-align: center;}
.cs_bj .cs_cs .cs_pa{ position: absolute; bottom: 14px;left: 80px;}
.cs_bj .cs_cs .cs_pa .pic{width: 28px; height: 28px; float: left;}
.cs_bj .cs_cs .cs_pa .mcs_title{font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 20px; float: left; margin-left: 15px; line-height: 28px;color: #fff;}
.cs_bj .cs_cs button{ width: 342px; height: 54px; background: linear-gradient(90deg, #E8AF65 0%, #DC9A49 100%); line-height: 54px; text-align: center; color: #fff;font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-size: 22px; border-radius: 28px; margin: 34px 0 0 0;}

.cs_bm{width: 1052px; height: 574px; border-radius: 44px; position: fixed;top: 50%; left: 50%;margin: -287px 0 0 -516px; z-index: 20;}
.cs_bm .cs_close{position: absolute;top: 42px;right: 42px; width: 16px; height: 16px; cursor: pointer;}
.cs_bm .ce_jy{width: 574px; height: 574px; float: left;}
.cs_bm .ce_fa{width: 478px; height: 574px; float: left; border-radius: 0 44px 44px 0;background-color: #fff; text-align: center;}
.cs_bm .ce_fa .w398 h1{font-family: SourceHanSansCN-Bold, SourceHanSansCN; font-size: 27px; color: #333; font-weight: bold;padding-top: 70px; overflow: hidden;padding-bottom: 35px; text-align: center;width: 383px;margin: 0 auto;}
.cs_bm .ce_fa .w398 .bm_name{width: 180px; padding-left: 15px; height: 56px; line-height: 56px; background: #F3F3F3; border-radius: 12px;margin-bottom: 16px; font-size: 12px;}
.cs_bm .ce_fa .w398 em{position: absolute; top: 15px; right: 15px; color: #999; font-size: 16px;}
.cs_bm .ce_fa .w398 .bm_ch{width: 383px; padding-left: 15px; height: 56px; line-height: 56px; background: #F3F3F3; border-radius: 12px;margin-bottom: 16px; font-size: 12px;}
.cs_bm .ce_fa .w398 button{font-family: SourceHanSansCN-Medium, SourceHanSansCN; color: #fff; font-size: 20px; text-align: center; line-height: 56px; width: 398px; height: 56px;background: linear-gradient(90deg, #E8AF65 0%, #DC9A49 100%); border-radius: 12px;}

.cs_bm .ce_fa .cg{width: 425px; margin: 0 auto; text-align: center;}
.cs_bm .ce_fa .cg img{width: 425px; height: 168px; margin:100px 0 20px 0;}
.cs_bm .ce_fa .cg h1{font-family: PingFangSC-Semibold, PingFang SC;font-size: 44px; font-weight: bold;color: #915E12;}
.cs_bm .ce_fa .cg p{font-family: SourceHanSansCN-Normal, SourceHanSansCN; font-size: 22px; color: #666; line-height: 40px;}
.cs_bm .ce_fa .cg button{font-family: SourceHanSansCN-Medium, SourceHanSansCN; color: #fff; font-size: 20px; text-align: center; line-height: 56px; width: 398px; height: 56px;background: linear-gradient(90deg, #E8AF65 0%, #DC9A49 100%); border-radius: 12px;margin-top: 30px;}