@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: 100%;}
/* 去掉各 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: #f6f3f1;}

input::-webkit-input-placeholder{color: #8d8d8d !important;font-size: 16px !important;}
img{width: 100%}
.title{width: 6.47rem; margin: 0 auto; position: relative;}
.title h1{ position: absolute; top: -0.4rem; left: 2rem; font-size: 0.5rem; font-weight: bold;}

.routine{width: 6.86rem; height: 2.16rem; background-color: #fff; margin-top: 0.5rem; border-radius: 0 1rem 1rem 0;box-shadow: 0 0.05rem 0 #ece9e4; float: left;}
.routine .fl{float: left;width: 3rem;margin:0.6rem 0 0 0.8rem;}
.routine .fl img{width: 0.4rem ;height: 0.45rem; float: left;}
.routine .fl h2{font-size: 0.3rem; float: left; margin: 0.03rem 0 0.2rem 0.2rem; color: #1C1C1C; font-weight: bold;}
.routine .fl h3{color: #88878C; font-size: 0.25rem;clear: both; margin-left: 0.2rem}
.routine .process_01{float: left; width: 2.38rem; height: 1.3rem; margin:0.45rem 0 0 0.1rem;}

.routine_01{width: 6.86rem; height: 2.16rem; background-color: #fff; margin-top: 0.5rem; border-radius: 1rem 0 0 1rem;box-shadow: 0 0.05rem 0 #ece9e4; float: right;}
.routine_01 .fl{float: left;width: 3rem;margin:0.6rem 0 0 0.6rem;}
.routine_01 .fl img{width: 0.4rem ;height: 0.45rem; float: left;}
.routine_01 .fl h2{font-size: 0.3rem; float: left; margin: 0.03rem 0 0.2rem 0.2rem; color: #1C1C1C; font-weight: bold;}
.routine_01 .fl h3{color: #88878C; font-size: 0.25rem;clear: both; margin-left: 0.2rem}
.routine_01 .process_01{float: left; width: 2.38rem; height: 1.3rem; margin:0.45rem 0 0 0.7rem;}

input::-webkit-input-placeholder{color: #999 !important;font-size: 0.2rem !important;}