@charset "utf-8";
/* CSS Document */
/*
color:red !important;/* Firefox、IE7支持 
_color:red;  IE6支持 
*color:red;  IE6、IE7支持 
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持 
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcmpc/images/bg_index.body1.png');_background:none;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
pointer-events:none;
-webkit-appearance:none;
.gray{-webkit-filter: grayscale(100%);filter:grayscale(100%);filter:gray;}
@media screen and (min-width:540px){
body{width:540px;}
header{width:540px;}
}
@media screen and (max-width:320px){
body{width:320px;}
header{width:320px;}
}
*/


/*--默认--*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;_background-image:url(about:blank);_background-attachment:fixed;}
body{-webkit-text-size-adjust:none;font-family:" Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;font-size:12px;color:#707070;}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit;}
a:hover{color:#666;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#474747;line-height:100%;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;}
i,em,b,strong{
	font-style: normal;
	font-weight: bold;
}
input,textarea,select{padding:0;border:1px solid #CCC;font-family:inherit;}

/*--滚动条插件--*/
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}
.jspVerticalBar{width:6px;}
.jspDrag{background:#f3582a;}
.jspTrack{background:#aaa;background:url(../image/line1.png) center top repeat-y;}


/*--类--*/
.block{width:1250px;margin:0 auto;}
.clear{clear:both;height:0;overflow:hidden;}
.clearfix:after{content:"";clear:both;display:block;}
.left{float:left;}
.right{float:right;}
.footer_f{position:fixed;left:0;bottom:0;width:100%;}
.red{color:#b2130c;}

@font-face {
    font-family:'AvianRegular';
    src: url('AvianRegular.eot');
    src: url('AvianRegular.eot?#iefix') format('embedded-opentype'),
         url('AvianRegular.woff2') format('woff2'),
         url('AvianRegular.woff') format('woff'),
         url('AvianRegular.ttf') format('truetype'),
         url('AvianRegular.svg#AvianRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*--通用--*/
body{min-width:1003px;max-width:100%;font-size:14px;color:#707070; }
.block2{width:1806px;margin:0 auto;}

#header{transform:translateY(-100px);-webkit-transform:translateY(-100px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s; position:relative; z-index:2; background-color:white;}
#header.show{transform:translateY(0);-webkit-transform:translateY(0); }
#header .block{position:relative;height:90px;}
#header .logo{position:absolute;left:0;top:0;background:url(../images/logo.png) center center no-repeat;width:280px;height:100%;}
#header .nav_main{position:absolute;left:270px;top:40px;}
#header .nav_main a{color:#333;margin-right:60px;}
#header .nav_main a:hover{color:#ca231c;}
#header .tools{position:absolute;right:0;top:40px;}
#header .tools a{float:left;overflow:hidden;height:16px;line-height:16px;width:24px;margin-right:10px;
transition:width 0.3s ease-out 0s;-webkit-transition:width 0.3s ease-out 0s;}
#header .tools a i{float:left;width:24px;height:100%;margin-right:5px;}
#header .tools a:hover{width:90px;}
#header .tools .a1 i{background:url(../images/icon1.png) 5px 0 no-repeat;}
#header .tools .a1:hover i{background-position:5px -16px;}
#header .tools .a2 i{background:url(../images/icon1.png) -34px 0 no-repeat;}
#header .tools .a2:hover i{background-position:-34px -16px;}
#header .tools .a3 i{background:url(../images/icon1.png) -70px 0 no-repeat;}
#header .tools .a3:hover i{background-position:-70px -16px;}
#header .tools .a4 i{background:url(../images/icon1.png) -107px 0 no-repeat;}
#header .tools .a4:hover i{background-position:-107px -16px;}
#header .tools .a5{background:url(../images/icon1.png) -132px 0 no-repeat;width:40px;border-left:1px solid #ccc;padding:0;margin:0;}
#header .tools .a5:hover{background-position:-132px -16px;width:40px;}
#header .tools .a6{background:url(../images/icon1.png) -164px 0 no-repeat;width:55px;border-left:1px solid #ccc;padding:0;margin:0;}
#header .tools .a6:hover{background-position:-164px -16px;width:55px;}

#header .tools .a7{background-image: url(../images/en.png);background-repeat: no-repeat; width:55px;padding:0;margin:0; position: relative;top: 6px; }
#header .tools .a7:hover{width:55px;background-image: url(../images/en2.png);}



#footer .block2{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
#footer .nav_foot{float:left;}
#footer .nav_foot ul{float:left;padding-right:60px;font-size:12px;}
#footer .nav_foot ul h3{font-size:14px;padding-bottom:10px;}
#footer .nav_foot ul li{margin-bottom:5px;}
#footer .gotop{float:right;font-family:AvianRegular;font-size:14px;background:url(../image/ico_top.png) right top no-repeat;padding-right:40px;text-transform:uppercase;height:32px;line-height:30px;color:#474747;}
#footer .power{height:58px;line-height:58px;font-size:12px;}
#footer .power .copy{float:left;}

#focus .frame{overflow:hidden;position:relative;}
#focus{ margin:0 auto;}
#focus .child{background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;left:0;top:0;width:100%;height:100%;}
#focus .nav{position:absolute;left:0;bottom:50px;text-align:center;width:100%;}
#focus .nav i{background:url(../images/dot1.png) right center no-repeat;width:11px;height:11px;display:inline-block;margin:0 3px;cursor:pointer;}
#focus .nav i.now{background-position:left center;}

#body{background:url(../image/bg_body.png) center top repeat-y;overflow:hidden;width:100%; margin:0 auto;border-top:1px solid #eee;}

.index1{padding:100px 0 50px;position:relative;}
.index1 .block2{height:653px;position:relative;}
.index1 .frame{height:100%;overflow:hidden;}
.index1 .child{position:relative;height:100%;float:left;overflow:hidden;}
.index1 .child>div{transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;opacity:0;cursor:pointer;}
.index1 .child img{width:100%;height:auto;}
.index1 .child .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../image/black80.png);overflow:hidden;}
.index1 .child .mask .inner{position:absolute;left:0;bottom:0;padding:60px 45px 40px;background:url(../image/ico_zoom.png) 45px 15px no-repeat;}
.index1 .child .mask .inner h3{color:#fff;font-size:14px;line-height:120%;width:230px;}
.index1 .child .mask .inner .text{color:#fff;font-size:12px;margin-top:10px;width:300px;}
.index1 .child .mask .inner span{color:#fff;font-family:AvianRegular;margin-top:8px;display:block;}
.index1 .d1{position:absolute;left:0;top:0;width:888px;height:648px;
transform:translate(-200px,0);-webkit-transform:translate(-200px,0);}
.index1 .d2{position:absolute;left:0px;top:0;width:888px;height:313px;
transform:translate(200px,0);-webkit-transform:translate(200px,0);}
.index1 .d3{position:absolute;left:0px;top:332px;width:437px;height:316px;
transform:translate(0,100px);-webkit-transform:translate(0,100px);}
.index1 .d4{position:absolute;left:451px;top:332px;width:437px;height:316px;
transform:translate(0,100px);-webkit-transform:translate(0,100px);}
.index1.show .child>div{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.index1 .arrow{height:30px;text-align:center;margin-top:50px;}
.index1 .arrow .prev{background:url(../image/arrow1.png) left top no-repeat;display:inline-block;width:20px;height:30px;margin-right:50px;}
.index1 .arrow .prev:hover{background-position:left bottom;}
.index1 .arrow .next{background:url(../image/arrow1.png) right top no-repeat;display:inline-block;width:20px;height:30px;}
.index1 .arrow .next:hover{background-position:right bottom;}
.index1 .layer{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../image/white90.png);display:none;}
.index1 .layer .bar{background:url(../image/bg_layer.png) center bottom no-repeat;padding-bottom:32px;position:absolute;left:0%;width:100%;bottom:50%;margin:0 0 -34px 0;}
.index1 .layer .bar .frame{width:700px;height:90px;overflow:hidden;margin:auto;}
.index1 .layer .bar .frame .scroll{text-align:center;height:100%;text-align:center;font-size:0;}
.index1 .layer .bar .d{width:70px;height:70px;text-align:center;padding-bottom:20px;background:url(../image/dot2.png) center bottom no-repeat;display:inline-block;cursor:pointer;}
.index1 .layer .bar .d img{max-width:70px;max-height:70px;opacity:0;filter:alpha(opacity='0');
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.index1 .layer .bar .d:hover img{opacity:1;filter:alpha(opacity='100');}
.index1 .layer .bar .d.now{background:url(../image/dot2a.png) center bottom no-repeat;}
.index1 .layer .bar .d:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.index1 .layer .bar .next{background:url(../image/arrow2.png) center center no-repeat;width:36px;height:36px;position:absolute;left:50%;top:50%;margin:9px 0 0 400px;}
.index1 .layer .pic{height:100%;margin:auto;}
.index1 .layer .pic .p{margin:auto;display:none;text-align:center;height:100%;}
.index1 .layer .pic .p img{max-height:735px;max-width:735px;box-shadow:0 5px 20px rgba(0,0,0,0.3);}
.index1 .layer .pic .p:after{content:"";display:inline-block;height:100%;vertical-align:middle;}


.index2 .block{position:relative;height:100%;}
.index2 .block .date{float:left;width:165px;height:100%;text-align:center;color:#474747;position:relative;background:url(../images/bg1a.png) center -140px no-repeat;
transform:scale(1,0);-webkit-transform:scale(1,0);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.index2.show .block .date{transform:scale(1,1);-webkit-transform:scale(1,1);}
.index2 .block .date .d1{margin-top:100px;font-size:80px;font-family:AvianRegular;display:block;}
.index2 .block .date .d2{margin-top:75px;font-size:80px;font-family:AvianRegular;display:block;}
.index2 .block .date .d3{position:absolute;left:145px;top:347px;font-family:AvianRegular;font-size:16px;}
.index2 .block .date .more{position:absolute;left:0;top:475px;width:100%;height:60px;line-height:60px;font-size:12px;color:#474747;}
.index2 .block .list{position:absolute;left:220px;top:50px;width:960px;opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:translateX(100px);-webkit-transform:translateX(100px);}
.index2.show .block .list{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.index2 .block .list .div{width:480px;height:200px;float:left; }
.index2 .block .list .div h3{font-size:20px;padding-right:50px; color:#c4a47b;}
.index2 .block .list .div p{font-size:14px;color:#474747;margin-top:20px;}
.index2 .block .list .div a{margin-top:30px;font-size:14px;color:#666;display:block;width:210px;height:26px;border-bottom:1px solid #ccc;background:url(../image/line2.png) -113px bottom no-repeat;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.index2 .block .list .div a span{background:url(../image/icon_more1.png) right center no-repeat;padding-right:20px; background-clip:border-box;}
.index2 .block .list .div a:hover{background:url(../image/line2.png) 0 bottom no-repeat;}
.index2 .block .list .div a:hover span{background:url(../image/icon_more2.png) right center no-repeat;padding-right:25px;}

.index3{padding:100px 0;}
.index3 .d{float:left;height:320px;width:345px;position:relative;margin:0 8px 30px;opacity:0;
transform:translateX(200px);-webkit-transform:translateX(200px);
transition:transform 1s ease-out 0s,opacity 0.5s ease-out 0s;-webkit-transition:transform 1s ease-out 0s,opacity 0.5s ease-out 0s;}
.index3.show .d{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.index3 .d .pic{height:262px;overflow:hidden;}
.index3 .d .pic img{width:100%;height:auto;}
.index3 .d .mask{position:absolute;left:0;top:0;width:100%;height:262px;text-align:center;background:url(../image/black80.png);}
.index3 .d .mask img{margin-top:42px;width:177px;}
.index3 .d h3{text-align:center;font-size:14px;color:#333;line-height:50px;padding-top:4px;background:url(../image/line1.png) -345px 0 no-repeat;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.index3 .d:hover h3{background-position:0 0;}

.index4{}
.index4 .block2{background:url(../image/bg2.jpg) center center no-repeat;height:823px;background-size:cover;}
.index4 .block{height:100%;position:relative;}
.index4 .mapbox{width:700px;height:600px;position:absolute;left:0;top:115px;perspective:700px;}
.index4 .mapbox .map{opacity:0;height:100%;
transform-style:preserve-3d;-webkit-transform-style:preserve-3d;
transform:scale(0.7) rotateX(60deg);-webkit-transform:scale(0.7) rotateX(60deg);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.index4.show .mapbox .map{transform:scale(1) rotateX(0deg);-webkit-transform:scale(1) rotateX(0deg);opacity:1;}
.index4 .mapinfo{position:absolute;left:880px;top:230px;width:360px;perspective:500px;}
.index4 .mapinfo .inner{opacity:0;
transform:translate(100px,0) rotateY(-50deg);-webkit-transform:translate(100px,0) rotateY(-50deg);
transform-style:preserve-3d;-webkit-transform-style:preserve-3d;
transition:all 1s ease-out 0.3s;-webkit-transition:all 1s ease-out 0.3s;}
.index4.show .mapinfo .inner{transform:translate(0,0) rotateY(0deg);-webkit-transform:translate(0,0) rotateY(0deg);opacity:1;}
.index4 .mapinfo h3{font-size:28px;background:url(../image/line3.png) left bottom no-repeat;height:50px;}
.index4 .mapinfo .d{display:none;}
.index4 .mapinfo .dl h3{background:none;}
.index4 .mapinfo .text{margin-top:30px;}
.index4 .mapinfo .text h4{font-size:14px;}
.index4 .mapinfo .list{margin-top:30px;}
.index4 .mapinfo .list li{margin-bottom:5px;}
.index4 .mapinfo .list li a{padding-left:25px;background:url(../image/ico_point.png) left center no-repeat;color:#474747;font-size:14px;display:block;}
.index4 .mapinfo .list li a:hover{background:url(../image/ico_point2.png) left center no-repeat;}
.index4 .mapinfo .num{padding:20px 0;height:105px;}
.index4 .mapinfo .num span{float:left;font-size:14px;color:#474747;margin-left:42px;text-align:center;}
.index4 .mapinfo .num span:first-child{margin-left:0;}
.index4 .mapinfo .num span b{font-size:85px;font-family:AvianRegular;display:block;}
.index4 .mapinfo p{margin-top:10px;color:#474747;font-size:12px;line-height:150%;}
.index4 .more{margin-top:30px;float:left;padding-right:20px;background:url(../image/icon_more1.png) right center no-repeat;}
.index4 .more:hover{background:url(../image/icon_more2.png) right center no-repeat;padding-right:25px;}

.index5{padding:100px 0;}
.index5 .block2{}
.index5 .tabs{float:left;width:50px;padding-right:20px;opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:translateX(-50px);-wtransform:translateX(-50px);}
.index5.show .tabs{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;display:none;}
.index5 .tabs a{padding:5px 30px 10px 5px;display:block;font-size:16px;line-height:110%;color:#474747;}
.index5 .tabs a.now{color:#b2130c;}
.index5 .divs{margin:auto;width:1736px;position:relative;}
.index5 .divs .frame{height:532px;overflow:hidden;padding:25px 0;}
.index5 .divs .frame .child{float:left;width:381px;height:532px;box-shadow:0 0 15px rgba(0,0,0,0.1);margin:0 26px;position:relative;opacity:0;overflow:hidden;
transition:transform 0.8s ease-out 0s,opacity 0.8s ease-out 0s;-webkit-transition:transform 0.8s ease-out 0s,opacity 0.8s ease-out 0s;
transform:scale(0.5);-webkit-transform:scale(0.5);}
.index5.show .divs .frame .child{transform:scale(1);-webkit-transform:scale(1);opacity:1;}
.index5.show .divs .frame .child img{width:100%;height:auto;}
.index5 .divs .frame .child:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.index5 .divs .frame .child .mask{background:url(../images/black80.png);position:absolute;left:0;bottom:0;width:100%;color:#fff;font-size:14px;bottom:-100%;opacity:0;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.index5 .divs .frame .child:hover .mask{bottom:0;opacity:1;}
.index5 .divs .frame .child .mask .inner{padding:60px 35px;}
.index5 .divs .frame .child .mask h3{color:#fff;font-size:14px;}
.index5 .divs .frame .child .mask p{margin-top:20px;}
.index5 .divs .frame .child .mask span{margin-top:20px;display:block;}
.index5 .prev{background:url(../images/arrow1.png) left top no-repeat;width:20px;height:30px;position:absolute;left:-20px;top:50%;margin-top:-15px;}
.index5 .prev:hover{background-position:left bottom;}
.index5 .next{background:url(../images/arrow1.png) right top no-repeat;width:20px;height:30px;position:absolute;right:-20px;top:50%;margin-top:-15px;}
.index5 .next:hover{background-position:right bottom;}
/*张荔12.28*/
.index5 .more{margin-top:30px;float:left;padding-right:20px;background:url(../images/icon_more1.png) right center no-repeat;}
.index5 .more:hover{background:url(../images/icon_more2.png) right center no-repeat;padding-right:25px;}
.index5 .xs{float:left;width:150px;transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:translateX(66px);float: right;padding-bottom: 20px;}
.index5 .xs a{display:block;font-size:16px;line-height:110%;color:#474747;}
.index5 .xs a.now{color:#b2130c;}

/*张荔11.11*/
.index2{/*background:url(../image/bg1.jpg) center bottom no-repeat;*/height:650px;}
/*20151216*/
.alyer{ background:url(../image/alyer.png) repeat; width:100%; height:100%; position:fixed; left:0; top:0; z-index:1; display:none;}

.alyer .search{ width:410px; margin:0 auto; border-bottom:1px solid #7e7e7e; padding:15px 0; margin-top:18%;}
.alyer .search input[type=text]{ width:345px; color:#666666; border:none; border-right:1px solid #7e7e7e; background:none;}
.alyer .search input[type=submit]{ background:none; border:none; float:right; color:#333333;}

.aboutBody {
    min-height: 372px;
    height: auto !important;
    height: 372px;
    clear: both;
}

.about_leftwH {
    width: 240px;
    float: left;
}

.right_body {
    width: 238px;
    border: 1px solid #dbe4eb;
        border-bottom-width: 1px;
    background: #fff;
    border-bottom-width: 2px;
}

.pb20 {
    padding-bottom: 20px;
}
.about_rightwH {
    width: 820px;
    margin-left: 20px;
    _margin-left: 15px;
    float: left;
        border-bottom-width: 1px;
    border-bottom-width: 2px;
	border:#CCC 1px solid;
    background: #fff;
    min-height: 360px;
	font-size:15px;
	
}

.clear {
    clear: both;
}


#about_box {
    width: 1050px;
    margin: 50px auto 100px;
}

.aside{width: 190px;min-height:195px;border: 1px solid #dfd1be;background: #f1efeb;color: #333333;}
.aside h2{margin-left: -1px;margin-top: -1px;}
.no-border{border-bottom: 0 !important;}
.aside-con > li {padding: 15px 25px;border-bottom: 1px solid #dfd1be;/*background-image:url(../../Content/images/rect-icon.png);*/ background: url('Images/rect-icon.png') no-repeat 13px 27px;line-height: 30px;}
.aside-con>li>a{font-size: 16px;font-weight: 600;}
.aside-list li{font-size: 14px;padding-left: 10px;}
.aside-list li.active a{color: #ae0e16;}
.aside-list li:hover a{color: #ae0e16;}

#news, #events, #book-exp, #subject {
    width: 1160px;
    margin: 20px auto 45px;
}

.news-con {
    margin-top: 30px;
}
.news-slide {
    width: 600px;
    height: 406px;
}
.news-slide ul {
    height: 412px;
    width: 600px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.news-text {
    width: 540px;
    height: 406px;
    overflow: hidden;
    position: relative;
}

.news-text h2 a, .news-text-bt h3 a {
    font-size: 14px;
  /*  font-weight: 600; */
    font-family: "Microsoft yahei";
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 550px;
}
.news-text .intro {
    height: 47px;
    font-weight: 600;
    position: relative;
    margin-bottom: 9px;
    overflow: hidden;
    text-align: justify;
}
.news-text p {
    line-height: 22px;
}
.time {
    color: #707070;
	border-bottom: #999 1px dashed;
	text-align:right;
}

.news-list .more i {
    width: 13px;
    height: 13px;
    background: url(../images/icon.png) no-repeat 0 -35px;
    margin-left: 5px;
}

.news-list .more {
    width: 100%;
    height: 28px;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    background: #ccb18e;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: "Microsoft yahei";
}