html { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-size: 40px; background: #fff; }
body { min-width: 320px; max-width: 640px; margin: 0 auto; font-family: arial, Microsoft Yahei; color: #333; background: #f8f8f8; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0px;padding: 0px ; }
ul, li { list-style: none ; }
a:active, a:hover { outline: none; }
img { width: 100%; vertical-align: top; }
a { outline: none; text-decoration: none; cursor: pointer; color: #333; }
a:hover { text-decoration: none; outline: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
input[type="search"] { -webkit-appearance: text field; box-sizing: content-box; }
input[type="search"]:-webkit-search-cancel-button, input[type="search"]:-webkit-search-decoration { -webkit-appearance: none; }
button { overflow: visible; }
button, select { text-transform: none; }
.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.left { float: left; }
.right { float: right; }
/* box-1 */
.com_tit{margin: .9rem 0 .6rem 0;}
.com_tit p{font-size: .8rem;text-align: center;font-weight: bold;}
.com_tit i{display: inline-block;width: 0.25rem;height: 0.25rem;background: #ffc451;border-radius: 50%;margin: 0 .45rem;vertical-align: middle;}
.box-1{width: 15rem;background: #fff;margin: 0 auto;border-radius: .25rem;box-shadow: 0px .075rem .075rem 0px #ececec;position: relative;z-index: 1;padding: .45rem 0;}
.box-1 .form_line{width: 14.425rem;height: 1.25rem;border-radius: .75rem;margin: 0 auto;position: relative;}
.box-1 input{font-size: .6rem;line-height: 1.25rem;border: none;outline: none;}
.box-1 input[type="text"]{width: 100%;background: #f5f5f5;position: absolute;z-index: 1;border-radius: .75rem;text-indent: 2.25rem;}
.box-1 input[type="submit"]{width: 5.25rem;background-color: #ff4747;border-radius: .75rem;position: absolute;z-index: 2;top: 0;right: -0.05rem;color: #fff;}
.box-1 input::placeholder{color: #d1d1d1;}
/* box-2 */
.box-2{width: 15rem;background: #fff;margin: 0 auto;border-radius: .25rem;}
.box2_con{width: 14.65rem;margin: 0 auto;}
.box2_txt{width: 14.2rem;font-size: .55rem;line-height: 0.9rem;padding-top: .7rem;margin: 0 auto;margin-bottom: .875rem;}
.box2_item{margin-bottom: .5rem;}
.box2_item_le{width: 6.25rem;font-size: .55rem;line-height: 0.8rem;padding-top: 1.625rem;}
.box2_item_le i{display: inline-block;width: .2rem;height: .2rem;background: #313131;border-radius: 50%;margin-right: .4rem;vertical-align: middle;}
.box2_item_le span{display: inline-block;height: 0.3rem;background: #ffcf83;line-height: 0rem;}
.box2_item_ri img{width: 7.75rem;}
.common_zx{display: block;width: 12.5rem;background: #ff4747;background-image: url(../img/icon_01.png);background-size: .725rem .725rem;background-repeat: no-repeat;background-position: 9.5rem center;font-size: .7rem;line-height: 1.75rem;color: #fff;text-align: center;border-radius: .875rem;margin: 0 auto;}
/* box-3 */
.xxnr{width: 15rem;background: #fff;margin: 0.5rem auto 0 auto;padding: .6rem 0;border-radius: .125rem;box-shadow: 0 0 .2rem 0 #f0f0f0;}
.xxnr_tit{font-size: .6rem;font-weight: bold;margin-bottom: .45rem;}
.xxnr_tit i{display: inline-block;width: .3rem;height: .3rem;background: #ff9a62;border-radius: 50%;margin-right: .5rem;}
.xxnr_txt{width: 12.75rem;margin: 0 auto;margin-bottom: 0.5rem;font-size: .55rem;line-height: 0.8rem;}
.xxnr_con{width: 14rem;margin: 0 auto;margin-bottom: .7rem;}
.xxnr_item{width: 4.5rem;margin-bottom: .45rem;}
.xxnr_item img{width: 4.5rem;margin-bottom: .375rem;}
.xxnr_menu{font-size: .55rem;text-align: center;}
.xxnr_item_long{width: 6.75rem;margin-bottom: .45rem;}
.xxnr_item_long img{width: 6.75rem;margin-bottom: .375rem;}
.xxnr_line{padding-bottom: 0.75rem;border-bottom: .025rem dashed #888888;}
/* box-4 */
.box-4{width: 15rem;background: #fff;margin: 0.5rem auto 0 auto;padding: .6rem 0;border-radius: .125rem;box-shadow: 0 0 .2rem 0 #f0f0f0;}
.box4_con{width: 14.3rem;margin: 0 auto;}
.box4_con img{width: 6.95rem;margin-bottom: .3rem;}
/* box-5 */
.box-5{width: 15rem;margin: 0.5rem auto 0 auto;position: relative;}
.box-item img{width: 4.75rem;margin-bottom: .375rem;}
.box-item-long img{width: 4.75rem;margin-bottom: .5rem;}
.sanJiao {width: 0;height: 0;border-left: 0.5rem solid transparent;border-right: 0.5rem solid transparent;border-top: 0.625rem solid #0a0a0a;position: absolute;z-index: 2;bottom: -0.25rem;left: 6.875rem;}
/* box-6 */
.tit1{font-size: 0.7rem;text-align: center;font-weight: bold;}
.botf{width: 15rem;margin: 1.7rem auto 1rem;box-shadow: 0 0 0.25rem 0 #edecec;border-radius: 0.4rem;padding: 0.8rem 0 0.5rem;background: #fff;}
.botf .tit1{margin-bottom: 0.7rem;}
.botf .form_ipn{width: 12.55rem;height: 1.4rem;margin: 0 auto 0.7rem;border-radius: 0.7rem;background: #efefef;display: block;outline: none;border: none;font-size: 0.6rem;text-align: center;}
.botf .form_btn{display: block;width: 12.5rem;background: #ff4747;background-image: url(../img/icon_01.png);background-size: .725rem .725rem;background-repeat: no-repeat;background-position: 9.5rem center;font-size: .7rem;line-height: 1.75rem;color: #fff;text-align: center;border-radius: .875rem;margin: 0 auto;;border: none;}
.bodis{font-size: 0.45rem;text-align: center;color: #c1bfbe;margin: 0.5rem auto 0;}
.botf .form_ipt::-webkit-input-placeholder{color: #c1bfbe;font-size: 0.6rem;}
.botf .form_ipt:-moz-placeholder{color: #c1bfbe;font-size: 0.6rem;}
.botf .form_ipt::-moz-placeholder{font-size: 0.6rem;color: #c1bfbe;}
.botf .form_ipt:-ms-input-placeholder{font-size: 0.6rem;}
.bodis span{color: #ffb1b1;}
/* µ×²¿±íµ¥end */