@charset "utf-8";

/* 

    @名称: base

    @功能: 重设浏览器默认样式

*/

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html{

    color:#000;background:#fff;

    -webkit-text-size-adjust:100%;

    -ms-text-size-adjust:62.5%;

}

/* 内外边距通常让各个浏览器样式的表现位置不同 */

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;

}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 

    display:block;

}

/* HTML5 媒体文件跟 img 保持一致 */

audio,canvas,video {

    display:inline-block;*display:inline;*zoom:1;

}

/* 要注意表单元素并不继承父级 font 的问题 */

body,button,input,select,textarea{

    font-size: 12px;

    line-height: 1.5em;

}

/* iphone手机表单默认 */

input.no {-webkit-appearance:none;}



input,select,textarea{

    font-size:100%;

}

/* 去掉各Table  cell 的边距并让其边重合 */

table{

    border-collapse:collapse;border-spacing:0;

}

/* IE bug fixed: th 不继承 text-align*/

th{

    text-align:inherit;

}

/* 去除默认边框 */

fieldset,img{

    border:0;

    width: 100%;

}

/* ie6 7 8(q) bug 显示为行内表现 */

iframe{

    display:block;

}

/* 去掉 firefox 下此元素的边框 */

abbr,acronym{

    border:0;font-variant:normal;

}

/* 一致的 del 样式 */

del {

    text-decoration:line-through;

}

address,caption,cite,code,dfn,em,th,var {

    font-style:normal;

    font-weight:500;

}

/* 去掉列表前的标识, li 会继承 */

ol,ul {

    list-style:none;

}

/* 对齐是排版重要的因素, 别让什么都居中 */

caption,th {

    text-align:left;

}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */

h1,h2,h3,h4,h5,h6 {

    font-size:100%;

    font-weight:500;

}

q:before,q:after {

    content:'';

}

/* 默认不显示下划线，保持页面简洁 */

a {

    text-decoration: none;

    outline: none;

    color: inherit;

}

a:hover {

    text-decoration:none;

}

/* 清理内浮动 */

.fl-c:after {

    visibility:hidden;

    display:block;

    font-size:0;

    content:" ";

    clear:both;

    height:0;

}

.fl-c {

    *zoom:1; /* for IE6 IE7 */

}

i{font-style:normal;display:inline-block;}

.fl{float:left;}

.fr{float:right}

.no-mr{margin-right:0!important}

.no-mb{margin-bottom:0!important}

.no-pr{padding-right:0!important;}

.no-pb{padding-bottom:0!important}

.no-bb{border-bottom: none!important;}





/* 大宽度应对手机自定义 */

header,nav,section,footer {margin:0 auto; max-width:640px;}

.main {

    max-width: 640px;

    margin: 0 auto;

}

/* header*/

/*.head-top{

    width: 6.4rem;

}

.head-top a,.head-top a img{

    display: block;

    width: 6.4rem;

}*/

.head-top{

	position: relative;

    width: 6.4rem;

	height: 0.74rem;

    background: url(../images/logo.jpg) no-repeat;

    background-size: 100%;

}

.head-top  .head1{

	display: block;

	position: absolute;

    width: 3.5rem;

	height:0.74rem;

	left:0;

	top:0;

}

.head-top  .head2{

	display: block;

	position: absolute;

    width: 2.9rem;

	height:0.74rem;

	right:0;

	top:0;

}

.head-bot{

    width: 6.4rem;

    height: .7rem;

    background-color: #009582;

    padding-right: .2rem;

    /* 下拉导航 */

    position: relative;

    /* 下拉导航 */

    box-sizing:border-box;

}

.head-bot-left{

    width: 1.76rem;

}

.head-bot-left img{

    display: block;

    width: 1.76rem;

}

.head-bot-cen{

    width: 3rem;

    overflow: hidden;

}

.head-bot-cen a{

    float: left;

    font-size: .3rem;

    font-weight: bold;

    color: #fff;

    line-height: .7rem;

    padding: 0 .2rem;

    box-sizing:border-box;

}

.head-bot-cen img{

    float: left;

    width: .2rem;

}

.head-bot-right{

    width: .38rem;

    margin-top: .18rem;

}
.head-bot-right a,.head-bot-right a img{

    display: block;

    width: .38rem;

}

/* 下拉导航 */

.top-nav{

    width: 6.4rem;

    background-color: #fff;

    position: absolute;

    top:.7rem;

    left: 0;

    padding: .15rem 0;

    z-index: 2;

    display: none;

}

.top-nav li{

    float: left;

    width: 25%;

    line-height: .45rem;

    text-align: center;

    color:#333;

    font-size: .24rem;

}

/* 下拉导航 */

.nav{

    width: 5.82rem;

    margin: .4rem auto .6rem;

}

.nav li{

    width: 2.8rem;

    height: 1.25rem;

    border-radius: .1rem;

    box-shadow: .05rem 0 .21rem rgba(102,102,102,.18);

}

.nav li a{

    display: block;

    font-size: .32rem;

    font-weight: bold;

    color: #333333;

    text-align: center;

    line-height: 1.25rem;

    position: relative;

}

.nav li a img{

    display: block;

    width: 1.06rem;

    position: absolute;

    bottom: 0;

    left: .12rem;

    z-index: -1;

}

.nav li a span{

    display: inline-block;

    width: .64rem;

    height: .26rem;

    line-height: .26rem;

    font-size: .18rem;

    font-weight: normal;

    color: #fff;

    text-align: center;

    border-radius: .13rem;

    margin-left: .08rem;

    background: linear-gradient(to right, #eb6d34 , #ec9f3b);

    background: -webkit-linear-gradient(to right, #eb6d34 , #ec9f3b);

}

.cont{

    width: 6rem;

    margin: 0 auto;

}

.m1-bg1{

    width: 6rem;

    height: .8rem;

    background: url(../images/img_bg1.jpg) no-repeat;

    background-size: 100%;

    position: relative;

}

.m1-bg1 a{

    display: block;

}
.m1-bg1 a.a1{

    width: 3.47rem;

    font-weight: bold;

    font-size: .28rem;

    color: #fff;

    text-align: right;

    line-height: .8rem;

    text-shadow:.02rem 0 .05rem rgba(0,97,85,.08);

}

.m1-bg1 a.a2{

    width: 2.25rem;

    line-height: .8rem;

    font-size: .32rem;

    font-weight: bold;

    color: #fffd41;

    text-align: right;

    background: url(/lib/images/search_icon.jpg) no-repeat .15rem center;

    background-size: .39rem;

}

.m1-bg1 i{

    display: block;

    border-top: .15rem solid #009683;

    border-left: .15rem solid transparent;

    border-right: .15rem solid transparent;

    position: absolute;

    right: 1.2rem;

    bottom: -.14rem;

}

.m1-cont-item{

    margin-top: .5rem;

    padding-bottom: .25rem;

    border-bottom: 1px dashed #ddd;

}

.m1-cont-item .m1-cont-l{

    width: 2rem;

}

.m1-cont-item .m1-cont-l a,.m1-cont-item .m1-cont-l a img{

    display: block;

    width: 2rem;

}

.m1-cont-item .m1-cont-r{

    width: 3.85rem;

    margin-left: .15rem;

    margin-top: .1rem;

}

.m1-cont-item .m1-cont-r h2{

    font-size: .3rem;

    font-weight: bold;

    color: #333;

    line-height: .45rem;

}

.m1-cont-item .m1-cont-r h2 span{

    display: inline-block;

    font-size: .18rem;

    color: #fff;

    height: .26rem;

    line-height: .26rem;

    border-radius: .13rem;

    padding: 0 .12rem;

    margin-left: .05rem;

    background: linear-gradient(to right, #eb6d34 , #ec9f3b);

    background: -webkit-linear-gradient(to right, #eb6d34 , #ec9f3b);

}

.m1-cont-item .m1-cont-r h3{

    margin-top: .06rem;

}

.m1-cont-item .m1-cont-r h3 a{

    float: left;

    width: 1.1rem;

    height: .36rem;

    line-height: .36rem;

    border-radius: .18rem;

    text-align: center;

    margin-right: .1rem;

    font-size: .24rem;

    color: #eb6e34;

    border:1px solid #eb6e34;

}

.m1-cont-item .m1-cont-r h3 a.a2{

    color: #ec9e3b;

    border:1px solid #ec9e3b;

}

.m1-cont-item .m1-cont-r h3 a:nth-of-type(3){

    color: #ec543b;

    border:1px solid #ec543b;

}

.m1-cont-item .m1-cont-r p{

    font-size: .22rem;

    color: #666;

    line-height: .36rem;

    margin-top: .12rem;

}

.m1-btn{

    width: 5.3rem;

    margin: .4rem auto 0;

}

.m1-btn a{

    display: block;

    width: 2.5rem;

    height: .7rem;

    line-height: .7rem;

    border-radius: .1rem;

    font-size: .28rem;

    color: #fff;

    text-align: center;

    box-shadow: .06rem 0 .08rem rgba(224,73,12,.3)

}

.m1-btn a.a1{

    background: linear-gradient(to right, #e38e28 , #f57f0c);

    background: -webkit-linear-gradient(to right, #e38e28 , #f57f0c);

}

.m1-btn a.a2{

    background: linear-gradient(to right, #ff854e , #e3551d);

    background: -webkit-linear-gradient(to right, #ff854e , #e3551d);

}

.m2-img{

    width: 6.4rem;

}

.m2-img a,.m2-img a img{

    display: block;

    width: 6.4rem;

    margin-top: .35rem;

}

.m2-tit {

    border-bottom: 1px solid #eeeeee;

    margin-top: .35rem;

    padding-bottom: .14rem;

}

.m2-tit h2{

    float: left;

    font-size: .32rem;

    font-weight: bold;

    color: #333;

    line-height: .42rem;

}

.m2-tit h2 span{

    float: left;

    width: .07rem;

    height: .32rem;

    background-color: #00907e;

    margin-top: .08rem;

    margin-right: .1rem;

}

.m2-tit a{

    float: right;

    font-size: .26rem;

    color: #666666;

    line-height: .42rem;

}

.m2-nav{

    margin-top: .3rem;

}

.m2-nav li{

    float: left;

    width: 1.4rem;

    background-color: #f3fbfa;

    margin-right: .133rem;

    border-radius: .1rem;

    padding-bottom: .14rem;

    margin-bottom: .2rem;

}

.m2-nav li a{

    display: block;

}

.m2-nav li img{

    display: block;

    width: 1.4rem;

}

.m2-nav li span{

    display: block;

    font-size: .24rem;

    line-height: .42rem;

    color: #2b3433;

    text-align: center;

}

.m2-btn{

    width: 3.5rem;

    height: .7rem;

    line-height: .7rem;

    margin: .3rem auto .5rem;

}

.m2-btn a{

    display: block;

    width: 3.5rem;

    font-size: .28rem;

    color: #fff;

    text-align: center;

    border-radius: .15rem;

    background: linear-gradient(to right, #eb6d34 , #ec9f3b);

    background: -webkit-linear-gradient(to right, #eb6d34 , #ec9f3b);

    box-shadow: .09rem 0 .15rem rgba(180,60,0,.3);

}

.m-black{

    width: 6.4rem;

    height: .16rem;

    background-color: #f5f5f5;

}

.m3-tit h2{

    font-size: .32rem;

    font-weight: bold;

    color: #333;

    line-height: .42rem;

    margin-top: .45rem;

}

.m3-tit h2 strong{

    float: left;

    width: .07rem;

    height: .32rem;

    background-color: #00907e;

    margin-top: .08rem;

    margin-right: .1rem;

}

.m3-cont{

    padding-bottom: .4rem;

    box-shadow: .05rem 0 .21rem rgba(102,102,102,.18);

    margin-top: .3rem;

    border-radius: .1rem;

}

.m3-cont h2{

    width: 2.49rem;

    height: .56rem;

    line-height: .56rem;

    background: url(/lib/images/img_bg3.jpg) no-repeat;

    background-size: 100%;

    font-size: .28rem;

    color: #fff;

    padding-left: .16rem;

    margin-bottom: .3rem;

    box-sizing:border-box;

}

.m3-item{

    padding: 0 .25rem;

    margin-bottom: .2rem;

}

.m3-item .m3-left{

    width: 3.6rem;

    margin-top: .15rem;

}

.m3-item .m3-left h3{

    font-size: .28rem;

    font-weight: bold;

    color: #333;

    line-height: .42rem;

}

.m3-item .m3-left p{

    font-size: .24rem;

    color: #666;

    line-height: .42rem;

}

.m3-item .m3-right{

    width: 1.8rem;

}

.m3-item .m3-right a,.m3-item .m3-right a img{

    display: block;

    width: 1.8rem;

}

.m4{

    margin-top: .55rem;

}

.m4 .m2-tit{

    margin-bottom: .4rem;

}

.m4-cont{

    margin-bottom: .3rem;

}

.m4-cont .m4-left{

    width: 1.94rem;

}

.m4-cont .m4-left a,.m4-cont .m4-left a img{

    display: block;

    width: 1.94rem;

}

.m4-cont .m4-right{

    width: 3.85rem;

}

.m4-cont .m4-right h2{

    font-size: .32rem;

    color: #00907e;

    line-height: .42rem;

    font-weight: bold;

}

.m4-cont .m4-right h2 span{

    font-size: .3rem;

    color: #333;

}

.m4-cont .m4-right h2 em{

    font-size: .26rem;

    font-weight: normal;

}

.m4-cont .m4-right h4{

    font-size: .24rem;

    color: #666;

    line-height: .32rem;

    margin-bottom: .12rem

}

.m4-cont .m4-right h3{

    width: 3.4rem;

    height: .35rem;

    line-height: .35rem;

    border:1px solid #00907e;

    border-radius: .17rem;

    overflow: hidden;

}

.m4-cont .m4-right h3 i{

    width: 50%;

    font-size: .22rem;

    text-align: center;

    color: #00907e

}

.m4-cont .m4-right h3 i.i1{

    background-color: #00907e;

    color: #fff;

}

.m4-cont .m4-right p{

    font-size: .22rem;

    color: #666;

    line-height: .36rem;

    margin-top: .05rem;

}

.m5{

    border-radius: .15rem;

    box-shadow: .05rem 0 .21rem rgba(102,102,102,.18);

    margin-top: .6rem;

    padding-bottom: .45rem;

    margin-bottom: .48rem;

}

.m5 h2{

    width: 1.99rem;

    height: .56rem;

    line-height: .56rem;

    background: url(/lib/images/img_bg4.jpg) no-repeat;

    background-size: 100%;

    padding-left: .15rem;

    font-size: .28rem;

    color: #fff;

    box-sizing:border-box;

}

.m5-cont1{

    width: 5.25rem;

    margin: .46rem auto .2rem;

}

.m5-cont1 .m5-cont1-l{

    width: .45rem;

}

.m5-cont1 .m5-cont1-l img{

    display: block;

    width:.45rem;

}

.m5-cont1 .m5-cont1-r{

    width: 4.2rem;

    margin-left: .18rem;

}

.m5-cont1 .m5-cont1-r h3{

    font-size: .28rem;

    line-height: .36rem;

    font-weight: bold;

    color: #333;

}

.m5-cont1 .m5-cont1-r p{

    font-size: .24rem;

    color: #eb6e34;

    line-height: .36rem;

}

.m5-cont2{

    width: 5.25rem;

    margin: 0 auto;

}

.m5-cont2 .m5-cont2-l{

    width: .45rem;

}

.m5-cont2 .m5-cont1-2 img{

    display: block;

    width:.45rem;

}

.m5-nav{

    width: 3.45rem;

    margin-left: .18rem;

    overflow: hidden;

}

.m5-nav li{

    width: 1.15rem;

    float: left;

}

.m5-nav li a img{

    display: block;

    width: 1.02rem;

    margin: 0 auto .1rem;

}

.m5-nav li a span{

    display: block;

    font-size: .22rem;

    line-height: .36rem;

    color: #666666;

    text-align: center;

}

.m5-cont2-r{

    width: 1.02rem;

    height: 1.02rem;

    border-radius:.1rem;

    background-color: #eb6e34;

    padding-top: .2rem;

    box-sizing:border-box;

}

.m5-cont2-r a{

    display: block;

    font-size: .26rem;

    color: #fff;

    line-height: .28rem;

    text-align: center;

}

.m6-cont1 p{

    font-size: .24rem;

    color: #666;

    line-height: .36rem;

    text-align: center;

    margin:.35rem 0 .2rem 0;

}

.foot-cont{

    padding-bottom: .25rem;

}

.foot-cont p{

    font-size: .24rem;

    color: #666;

    line-height: .36rem;

    text-align: center;

}

.foot-cont p img{

    width: .26rem;

    vertical-align: middle;

}

/*表单页面*/

.top{

    width: 6.4rem;

    height: .7rem;

    line-height: .7rem;

    background-color: #009582;

    font-size: .24rem;

    color: #fff;

    text-align: center;

}

.gh{

    padding-bottom: .8rem;

}

.gh-text p{

    font-size: .24rem;

    line-height: .36rem;

    color: #666;

    margin: .2rem auto;

}

.gh-text p span{

    color: #eb6e34

}

.gh-cont{

    width: 6rem;

    margin: 0 auto;

}

.gh-cont div{

    margin-bottom: .2rem;

}

.gh-cont div label{

    float: left;

    width: 1.48rem;

    font-size: .24rem;

    line-height: .7rem;

    color: #333;

    text-align: right;

}

.gh-cont div label span{

    color: #eb6e34

}

.gh-cont div input{

    width: 4.3rem;

    height: .7rem;

    line-height: .7rem;

    background-color: #f8f8f8;

    border:1px solid #eee;

    border-radius: .1rem;

    text-indent: 1em;

    font-size: .24rem;

    color: #999;

    box-sizing:border-box;

}

.gh-cont div .sex{

    width: 4.3rem;

    float: left;

    font-size: .24rem;

    line-height: .36rem;

    color: #666;

    margin-top: .17rem;

}

.gh-cont div .sex em{

    float: left;

    margin: .02rem .2rem 0 .05rem;

}

.gh-cont div input.sex1{

    float: left;

    width: .26rem;

    height: .26rem;

    border-radius: 50%;

    margin-top: .1rem;

}

.gh-cont div select{

    width: 4.3rem;

    height: .7rem;

    line-height: .7rem;

    border:1px solid #eee;

    font-size: .24rem;

    color: #ccc;

    text-indent: 1em;

    background: url(/lib/images/select_bg1.jpg) no-repeat right center #f8f8f8;

    background-size: .43rem;

    box-sizing:border-box;

    appearance:none;

    -webkit-appearance:none;

}

.gh-cont div textarea{

    width: 4.3rem;

    height: 1.36rem;

    line-height: .36rem;

    background-color: #f8f8f8;

    border:1px solid #eee;

    border-radius: .1rem;

    font-size: .24rem;

    color: #ccc;

    padding-top: .15rem;

    text-indent: 1em;

    box-sizing:border-box;

}

.gh-cont div.sub-btn{

    width: 3.5rem;

    height: .7rem;

    line-height: .7rem;

    border-radius: .1rem;

    margin: .5rem auto 0;

}

.gh-cont div.sub-btn input.sub{

    width: 3.5rem;

    height: .7rem;

    line-height: .7rem;

    background: linear-gradient(to right, #eb6d34 , #ec9f3b);

    background: -webkit-linear-gradient(to right, #eb6d34 , #ec9f3b);

    box-shadow: .09rem 0 .15rem rgba(180,60,0,.3);

    font-size: .24rem;

    color: #fff;

    border:none;

    text-indent: 0;

}



/*列表页*/

.m1-list1{

    background-color: #f5f5f5;

    padding:.25rem 0 .5rem 0;

}

.m1-list1-t h2{

    font-size: .24rem;

    line-height: .56rem;

    color: #666;

}

.m1-list1-t h2 span{

    color: #eb6e34

}

.m1-list1-cen a{

    display: block;

    width: 6rem;

    height: .7rem;

    line-height: .7rem;

}

.m1-list1 form{

    width: 6rem;

    height: .7rem;

    line-height: .7rem;

    border:1px solid #ddd;

    border-radius: .06rem;

    box-sizing:border-box;

    overflow: hidden;

}

.m1-list1 form .list-text{

    width: 4.5rem;

    height: .7rem;

    line-height: .7rem;

    background: url(/lib/images/list-icon.png) no-repeat .1rem -.06rem;

    background-size: .4rem;

    font-size: .24rem;

    color: #666;

    text-indent: 2.5em;

    border:none;

}

.m1-list1 form .list-sub{

    width: 1.45rem;

    height: .68rem;

    line-height: .68rem;

    background-color: #009582;

    font-size: .28rem;

    color: #fff;

    text-indent: 0;

    border: none;

}

.m1-list-btn h2{

    font-size: .24rem;

    line-height: .36rem;

    color: #eb6e34;

    margin: .1rem 0 .2rem 0;

}

.m1-list-btn a{

    display: block;

    width: 6rem;

    height: .72rem;

    line-height: .72rem;

    border-radius: .1rem;

    margin: 0 auto;

    font-size: .28rem;

    color: #fff;

    text-align: center;

    background: linear-gradient(to right,#eb6d34,#ec9f3b);

    background: -webkit-linear-gradient(to right,#eb6d34,#ec9f3b);

    box-shadow: .08rem 0 .15rem rgba(236,155,58,.45)

}

.m1-list2{

    margin-top: .25rem;

}

.list-tit{

    font-size: .28rem;

    color: #333;

    line-height: .6rem;

    border-bottom: .04rem solid #009582;

    padding-left: .2rem;

}

.list-nav{

    margin-top: .25rem;

    margin-bottom: .2rem;

}

.list-nav li{

    font-size: .24rem;

    color: #444;

    line-height: .4rem;

}

.list-nav li span{

    color: #999;

    font-size: .22rem;

}

.list-nav li strong{

    color:#999;

    margin-right: .05rem;

}

.page{

    text-align: center;

}

/* .page-wrap span:nth-of-type(1){

    margin-right: .3rem;

    color: #999;

} */

.page-wrap span,.page-wrap a{

	padding:0.05rem 0.08rem;

    font-size: .22rem;

    line-height: .4rem;

    color: #999;

}

.page-wrap span{

	color:#444;

}



/*文章*/

.art-tit1{

    font-size: .28rem;

    font-weight: bold;

    color: #333;

    line-height: .56rem;

    border-bottom: 1px solid #eee;

    background: url(/lib/images/list-icon.png) no-repeat 0 -100px;

    background-size: .4rem;

    padding-left: .45rem;

    box-sizing:border-box;

}

.article-wrap .article-cont{

    padding-top: .3rem;

}

.article-wrap .art-tit h3{

    font-size: .32rem;

    font-weight: bold;

    color: #333;

    line-height: .48rem;

    padding-left: .6rem;

    background: url(/lib/images/img_5-1.jpg) no-repeat left bottom;

    background-size: .45rem;

}

.article-wrap .art-tit h4{

    font-size: .24rem;

    line-height: .42rem;

    color: #999;

    padding-left: .6rem;

    margin-bottom: .25rem;

}

.artcile-more{font-size: .24rem;

    line-height: .38rem;}

.artcile-more p{

    width: 6rem;

    margin: 0 auto .1rem;

    font-size: .24rem;

    line-height: .38rem;

    color: #333333;

    text-indent: 2em;

}

.article-cont{

    position: relative;

}

.article-more.hide{

    height: 2rem;

    overflow: hidden;

}

#art-more{

    display: none;

    transition:all .2s;

}

.click-more{

    position: absolute;

    bottom: 0;

    left: 0;

    padding-top: 1.22rem;

    width: 100%;

    text-align: center;

    background-image: -webkit-linear-gradient(90deg,#FFF 37%,rgba(255,255,255,0) 100%);

    background-image: linear-gradient(0deg,#FFF 37%,rgba(255,255,255,0) 100%);

    box-sizing:border-box;

}

.click-more span{

    display: inline-block;

    line-height: .5rem;

    font-size: .24rem;

    color: #009582;

    text-align: center;

}

.art-btn{

    width: 6rem;

    height: .7rem;

    line-height: .7rem;

    border:1px solid #009582;

    border-radius: .06rem;

    margin: .35rem auto .45rem;

}

.art-btn a{

    display: block;

    font-size: .26rem;

    color: #009582;

    text-align: center;

}

.art-doc{

    border-radius: .2rem;

    padding: .4rem .2rem .45rem .2rem;

    box-shadow: 0.05rem 0 0.21rem rgba(102,102,102,.18);

    box-sizing:border-box;

}

.art-doc .m4-right{

    width: 3.4rem;

}

.art-doc .m4-cont .m4-right h3{

    width: 3.35rem;

}

.art-doc-btn a{

    display: block;

    width: 4rem;

    height: .7rem;

    line-height: .7rem;

    border-radius: .06rem;

    margin: 0 auto;

    font-size: .26rem;

    color: #fff;

    text-align: center;

    background: linear-gradient(to right,#eb6d34,#ec9f3b);

    background: -webkit-linear-gradient(to right,#eb6d34,#ec9f3b);

}