body { background:#f8f8f8; padding: 0; margin: 0 auto; font:normal normal normal 14px/150% microsoft yahei;}
div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, th, td, hr, blockquote, form, header { margin:0 auto; padding:0;}
h1, h2, h3, h4, h5, h6, em { font-weight: normal; font-size: 100%; font-style: normal;}
a { cursor: pointer; text-decoration: none; transition:all 0.3s; color: #666;}
a:hover { color: #333; text-decoration: none}
a:active, a:focus { outline: none;}
ul, li { list-style: none;}
img { border: 0;}
input,textarea,fieldset { padding:0px; margin:0 auto}
.clearbox { clear: both;}
.f_l { float:left}
.f_r { float:right}

.m_head { width: 100%; height: 4em; box-shadow: 0 1px 4px rgba(0,0,0,0.2); background: #fff; text-align: center;}
.m_head img { height: 50%; display: block; margin: 0 auto; padding-top: 1em;}
.t_h2 { font-size: 16px; line-height: 40px; height: 40px; padding:5px 10px; margin-top: 5px;}
.t_h2 b { color: #666;}
.t_h2 a { float: right; font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #ed5d5d; border-radius: 20px; color: #fff;}

.t_h2 .btn1 { float: right; font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #ed8f5d; border-radius: 20px; color: #fff;}
.t_h2 .btn2 { float: right; font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #ed5d5d; border-radius: 20px; color: #fff;}

.t_h2 .btn3 { float: right; font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #5d8ded; border-radius: 20px; color: #fff;}
.t_h2 .btn4 { float: right; font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #7fda6f; border-radius: 20px; color: #fff;}
.t_h2 .btn5 { float: right; font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #8e85c5; border-radius: 20px; color: #fff;}
.t_h2 .btn6 { float: right; font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #cdbe7c; border-radius: 20px; color: #fff;}
.t_h2 .btn7 { float: right; font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #8a86c3; border-radius: 20px; color: #fff;}



.t_h3 { font-size: 16px; line-height: 40px; height: 40px; padding:5px 10px; margin-top: 5px; clear:both}
.t_h3 b { color: #666;}
.t_h3 a { font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #ed5d5d; border-radius: 20px; color: #fff;}
.t_h3 .btn1 { font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #ed8f5d; border-radius: 20px; color: #fff;}
.t_h3 .btn2 { font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #ed5d5d; border-radius: 20px; color: #fff;}

.t_h3 .btn3 { font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #5d8ded; border-radius: 20px; color: #fff;}
.t_h3 .btn4 { font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #7fda6f; border-radius: 20px; color: #fff;}
.t_h3 .btn5 { font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #8e85c5; border-radius: 20px; color: #fff;}
.t_h3 .btn6 { font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #cdbe7c; border-radius: 20px; color: #fff;}
.t_h3 .btn7 { font-size: 14px; display: block; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 15px; background: #8a86c3; border-radius: 20px; color: #fff;}


.m_xl { padding: 0 10px;}
.m_xl li { width: 100%; height: 40px; float: left; margin: 5px 0; overflow: hidden;}
.m_xl li span.tp1 { float: left; display: inline-block; background: #f8f8f8; height: 40px; line-height: 38px; border: #ddd 1px solid; width: 20%; text-align: center; color: #666; border-radius: 20px 0 0 20px; box-sizing: border-box;}
.m_xl li span.tp2 { line-height: 38px; display: inline-block; float: left; color: #888; width: 57%; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; box-sizing: border-box; height: 40px; overflow: hidden; background: #fff; text-align: center;}
.m_xl li span.tp2 em {  color: #5dad53; font-size:13px}
.m_xl li a { float: right; display: block; line-height: 38px; border: #f4caca 1px solid; background: #fff6f6; width: 23%; text-align: center; color: #ed5d5d; border-radius: 0 20px 20px 0; box-sizing: border-box; overflow: hidden; height: 40px;}
.m_xl li .btn1 { float: right; display: block; line-height: 38px; border: #f4d9ca 1px solid; background: #fff9f6; width: 23%; text-align: center; color: #ed8f5d; border-radius: 0 20px 20px 0; box-sizing: border-box; overflow: hidden; height: 40px;}

.m_xl li .btn2 { float: right; display: block; line-height: 38px; border: #f4caca 1px solid; background: #fff6f6; width: 23%; text-align: center; color: #ed5d5d; border-radius: 0 20px 20px 0; box-sizing: border-box; overflow: hidden; height: 40px;}
.m_xl li .btn3 { float: right; display: block; line-height: 38px; border: #cad8f4 1px solid; background: #f6f9ff; width: 23%; text-align: center; color: #5d8ded; border-radius: 0 20px 20px 0; box-sizing: border-box; overflow: hidden; height: 40px;}
.m_xl li .btn4 { float: right; display: block; line-height: 38px; border: #d4eecf 1px solid; background: #f8fef7; width: 23%; text-align: center; color: #7fda6f; border-radius: 0 20px 20px 0; box-sizing: border-box; overflow: hidden; height: 40px;}
.m_xl li .btn5 { float: right; display: block; line-height: 38px; border: #d8d5e8 1px solid; background: #f9f8fc; width: 23%; text-align: center; color: #8e85c5; border-radius: 0 20px 20px 0; box-sizing: border-box; overflow: hidden; height: 40px;}
.m_xl li .btn6 { float: right; display: block; line-height: 38px; border: #ebe6d3 1px solid; background: #fdfcf8; width: 23%; text-align: center; color: #cdbe7c; border-radius: 0 20px 20px 0; box-sizing: border-box; overflow: hidden; height: 40px;}
.m_xl li .btn7 { float: right; display: block; line-height: 38px; border: #d7d6e8 1px solid; background: #f8f8fc; width: 23%; text-align: center; color: #8a86c3; border-radius: 0 20px 20px 0; box-sizing: border-box; overflow: hidden; height: 40px;}


.m_xl li a:hover { background: #ed5d5d; color: #fff; border: #ed5d5d 1px solid;}

.m_dl { padding: 0 10px; padding-bottom: 3.6em;}
.m_dl li { width: 100%; height: 40px; float: left; margin: 5px 0; overflow: hidden;}
.m_dl li span.tp1 { float: left; display: inline-block; background: #f8f8f8; height: 40px; line-height: 38px; border: #ddd 1px solid; width: 30%; text-align: center; color: #666; border-radius: 20px 0 0 20px; box-sizing: border-box;}
.m_dl li span.tp2 { line-height: 38px; display: inline-block; float: left; color: #888; width: 47%; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; box-sizing: border-box; height: 40px; overflow: hidden; background: #fff; text-align: center;}
.m_dl li span.tp2 em { color: #5dad53;}
.m_dl li a { float: right; display: block; line-height: 38px; border: #f4caca 1px solid; background: #fff6f6; width: 23%; text-align: center; color: #ed5d5d; border-radius: 0 20px 20px 0; box-sizing: border-box; overflow: hidden; height: 40px;}
.m_dl li a:hover { background: #ed5d5d; color: #fff; border: #ed5d5d 1px solid;}

.m_foot { width: 100%; height: 3em; background: #666; position: fixed; bottom: 0; left: 0;}
.m_foot a { color: #bbb; display: block; width: 25%; float: left; text-align: center; line-height: 3em;}
.m_foot a i { color: #eee; font-size: 16px; float: left; margin-top: 0.8em; margin-left: 0.6em;}