@charset "utf-8";
/* CSS Document */
body{ background-color:#FFF;}
.float{ width:768px; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; left:50%; margin-left:-384px; top:0; z-index:999; display:flex; flex-direction:row; justify-content:center; align-items:center; flex-wrap:nowrap; display:none; }
.float > .box{ width:60%; box-sizing:border-box; padding:10px; padding-bottom:0; background-color:#FFF; border-radius:4px; position:relative;}
.float > .box > p{ width:100%; }
.float > .box > p img{ width:100%;}
.float > .box > h3{ width:100%; font-size:1rem; font-weight:normal; line-height:3.6rem; text-decoration:underline; text-align:center; overflow:hidden; white-space:nowrap; tex-overflow:ellipsis;}
.float > .box > .close{ color:#FFF; display:block; width:1.8rem; height:1.8rem; line-height:1.8rem; text-align:center; background-color:#f8a93d; border-radius:50%; position:absolute; right:-0.9rem; top:-0.9rem;}
.float > .box > .close > i{ font-size:0.8rem;}
.header{ width:768px; height:auto; box-sizing:border-box; background-color:rgba(255,255,255,1); position:fixed; left:50%; top:0; margin-left:-384px;  text-align:center; z-index:100; border-bottom:1px solid #f2f2f2; }
.header > .logo{ display:block; float:left; padding:0.5rem;}
.header > .logo > img{ width:100%;}

.header > .hd-back{ width:5rem; height:2rem; line-height:1.9rem; font-size:0.8em; display:inline-block; float:right; background-color:#FFF; border:1px solid #333; color:#666; position:absolute; right:0.5rem; top:50%; margin-top:-1rem; border-radius:2px; color:#333;}
.header > .hd-back:hover{ border:1px solid #EEE; background-color:#F60; color:#FFF !important;}
.header > .hd-back > i{ display:none; font-size:1rem;}
.header > .hd-back:nth-of-type(2){ right:6rem; }

.scrolltop{ background-color:rgba(250,250,250,1); border-bottom:1px solid rgba(120,120,120,0.2);  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
/*.scrolltop > .hd-back,.scrolltop > .hd-menu,.scrolltop > h3 a{ color:#FFF;}*/
.header-blank{ background-color:transparent; height:4.5rem;}


/*底部*/
.foot-blank{ height:4.4rem; width:100%;  }
.footer{ width:768px; border-top:1px solid #dde7eb; background-color:#f8a93c; position:fixed; left:50%; bottom:0; margin-left:-384px; z-index:100;}
.footer > ul > li{ width:25%; height:4.8rem; box-sizing:border-box; padding-top:0.6rem; padding-bottom:0.2rem; border-bottom:1px solid #FFF; border-right:1px solid #FFF; float:left;}
.footer > ul > li:nth-of-type(4n){ border-right:1px solid #f8a93c;}
.footer > ul > li p{ width:2rem; height:2rem; margin:0 auto; }
.footer > ul > li p img{ width:100%;}
.footer > ul > li h3{ width:100%; height:2rem; line-height:2rem; font-weight:normal; font-size:1rem; text-align:center; overflow:hidden; color:#FFF;}


/*首页*/
/*焦点图*/
.swiper1 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:2%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;}
.swiper1 .swiper-pagination-bullet{opacity:1; background:rgba(255,255,255,0.8); margin:0 3px!important;width:10px; height:10px; border-radius:5px;}
.swiper1 .swiper-pagination-bullet-active{background:rgba(255,255,255,1);}
.swiper1 .swiper-slide{ position:relative;}
.swiper1 .swiper-slide img{ width:100%;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ color:rgba(255,255,255,0.8); background-color:rgba(0,0,0,0.5); border-radius:3px; height:4rem; width:2.5rem; line-height:4rem; text-align:center; background-image:url(none); cursor:pointer; margin-top:-2rem; } 
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{  background-color:rgba(255,255,255,0.5);color:rgba(0,0,0,1)} 
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:1.6rem; text-align:center; /*color:rgba(0,0,0,0.64);*/ line-height:50px;}

/*通知公告*/
.notic{ background-color:#FFF; padding-top:1rem; padding-bottom:0; padding-left:4rem; padding-right:1rem; box-sizing:border-box;/* margin-top:1rem;*/ position:relative; }
.notic > h3{ width:3.5rem; height:36px; line-height:34px; box-sizing:border-box; border:1px solid #ffcc99; border-right:0; text-align:center; color:#F00; font-weight:normal; font-size:0.8rem; float:left; border-radius:5px 0 0 5px; position:absolute; left:1rem; top:1rem;}
.notic > h3 > i{ font-size:0.8rem; }
.notic > .notic-cen{ width:100%; height:36px; line-height:34px; border:1px solid #ffcc99; border-radius:0 5px 5px 0; border-left:0; overflow:hidden; padding-left:10px; box-sizing:border-box;}
.swiper2{ height:36px;}
.swiper2 .swiper-pagination {right:0; display:inline-block; width:98px; padding-top:2%; padding-bottom:2%; bottom:0; left:auto; text-align:right; padding-right:10px; box-sizing:border-box; display:none;}
.swiper2 .swiper-pagination-bullet{opacity:1; background:rgba(255,255,255,0.6); margin:0 3px!important;width:12px; height:12px; border-radius:50%;}
.swiper2 .swiper-pagination-bullet-active{background:rgba(221,56,74,0.8);}
.swiper2 .swiper-slide{ margin-bottom:0 !important; position:relative; height:34px; line-height:34px; font-size:0.8rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; padding-right:10px; color:#F00;}
.swiper2 .swiper-slide > a{ float:right; display:inline-block; text-decoration:underline; height:34px; line-height:34px; width:auto; color:#F00; padding-left:10px; background-color:#FFF; }
.swiper2 .swiper-button-next,.swiper2 .swiper-button-prev{ color:rgba(255,255,255,0.8); background-color:rgba(255,255,255,0.2); border-radius:3px; height:50px; width:30px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-25px;  } 
.swiper2 .swiper-button-next:hover,.swiper2 .swiper-button-prev:hover{  background-color:rgba(255,255,255,0.5);color:rgba(221,56,74,0.8)} 
.swiper2 .swiper-button-next i,.swiper2 .swiper-button-prev i{ font-size:24px; text-align:center; /*color:rgba(0,0,0,0.64);*/ line-height:50px;}

.mcol{ width:100%; box-sizing:border-box; padding:1rem; padding-bottom:2rem; }
.quick > ul > li{ width:32%; height:auto; float:left; margin-right:2%;}
.quick > ul > li:nth-of-type(3n){ margin-right:0;}
.quick > ul > li > a{}
.quick > ul > li > a > p{ width:100%; padding:0.5rem; background-color:#FFF; border:1px solid #dededf; box-sizing:border-box;}
.quick > ul > li > a > p > img{ width:100%;}
.quick > ul > li > a > h3{ width:100%; height:2.4rem; line-height:2.4rem; font-size:1rem; text-align:center; font-weight:normal; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.mcol > .mcol-header,.col > .mcol-header{ width:100%; height:auto; border-bottom:1px solid #f8a93d; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:nowrap; /*background-color:#EEE;*/}
.mcol > .mcol-header > p,.col > .mcol-header > p{ width:5.5rem;}
.mcol > .mcol-header > p > img,.col > .mcol-header > p > img{ width:100%;}
.mcol > .mcol-header > h3,.col > .mcol-header > h3{ font-size:1.2rem; font-weight:normal; padding-left:1rem;  font-weight:normal;}
.mcol > .mcol-btn{ width:7rem; height:3rem; line-height:2.95rem; box-sizing:border-box; display:block; margin:0 auto; border:1px solid #dededf; border-radius:2px; margin-top:2rem;}
.yw-list{ width:100%; height:auto; margin-top:0.5rem;}
.yw-list > ul > li{ width:100%; box-sizing:border-box; height:3rem; line-height:2.95rem; border-bottom:1px dashed #EEE; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:1rem; position:relative; font-size:1rem; text-align:left;}
.yw-list > ul > li::after{  content:' '; width:0.5rem; height:0.5rem; background-color:#f8a93d; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-0.25rem;}
.yw-list > ul > li > a:nth-of-type(1){ display:inline-block; float:right; height:3rem; line-height:2.95rem; padding-left:0.5rem; color:#f8a93d; font-size:0.9rem;}
.yw-list > ul > li > a > i{ font-size:0.9rem;}


/*.mcol > .mcol-header,.col > .mcol-header{ width:100%; height:auto; border-bottom:1px solid #f8a93d; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:nowrap;}
.mcol > .mcol-header > p,.col > .mcol-header > p{ width:5.5rem;}
.mcol > .mcol-header > p > img,.col > .mcol-header > p > img{ width:100%;}
.mcol > .mcol-header > h3,.col > .mcol-header > h3{ font-size:1.2rem; font-weight:normal; padding-left:1rem;  font-weight:normal;}
.mcol > .mcol-btn{ width:7rem; height:3rem; line-height:2.95rem; box-sizing:border-box; display:block; margin:0 auto; border:1px solid #dededf; border-radius:2px; margin-top:2rem;}
.yw-list{ width:100%; height:auto; margin-top:0.5rem;}
.yw-list > ul > li{ width:100%; box-sizing:border-box; height:3rem; line-height:2.95rem; border-bottom:1px dashed #EEE; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:1rem; position:relative; font-size:1rem; text-align:left;}
.yw-list > ul > li::after{  content:' '; width:0.5rem; height:0.5rem; background-color:#f8a93d; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-0.25rem;}
.yw-list > ul > li > a:nth-of-type(1){ display:inline-block; float:right; height:3rem; line-height:2.95rem; padding-left:0.5rem; color:#f8a93d; font-size:0.9rem;}
.yw-list > ul > li > a > i{ font-size:0.9rem;}*/

.tixi-list{ margin-top:1rem; }
.tixi-list > ul > li{ width:23.5%; height:auto; float:left; margin-right:2%;}
.tixi-list > ul > li:nth-of-type(4n){ margin-right:0;}
.tixi-list > ul > li > a{}
.tixi-list > ul > li > a > p{ width:100%; padding:0.5rem; background-color:#FFF; border:1px solid #dededf; box-sizing:border-box;}
.tixi-list > ul > li > a > p > img{ width:100%;}
.tixi-list > ul > li > a > h3{ width:100%; height:2.4rem; line-height:2.4rem; font-size:1rem; text-align:center; font-weight:normal; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.history{ width:100%; height:24rem; overflow:hidden; position:relative; margin-top:1rem;}
.history > .history-list{ width:100%; height:auto; position:absolute; left:0; top:0; z-index:10;}
.history > .history-list > ul > li{ width:100%; box-sizing:border-box; height:3rem; line-height:2.95rem; border-bottom:1px dashed #EEE; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:1rem; position:relative; font-size:1rem; text-align:left;}
.history > .history-list > ul > li::after{  content:' '; width:0.5rem; height:0.5rem; background-color:#f8a93d; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-0.25rem;}


.hj-list{ margin-top:1rem; }
.hj-list > ul > li{ width:49%; height:auto; float:left;}
.hj-list > ul > li:nth-of-type(2n){ float:right;}
.hj-list > ul > li > a{}
.hj-list > ul > li > a > p{ width:100%; padding:0.5rem; background-color:#FFF; border:1px solid #dededf; box-sizing:border-box;}
.hj-list > ul > li > a > p > img{ width:100%;}
.hj-list > ul > li > a > h3{ width:100%; height:2.4rem; line-height:2.4rem; font-size:1rem; text-align:center; font-weight:normal; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.peixun-list{ margin-top:1rem; }
.peixun-list > ul > li{ width:32%; height:auto; float:left; margin-right:2%;}
.peixun-list > ul > li:nth-of-type(3n){ margin-right:0}
.peixun-list > ul > li > a{}
.peixun-list > ul > li > a > p{ width:100%; padding:0.5rem; background-color:#FFF; border:1px solid #dededf; box-sizing:border-box;}
.peixun-list > ul > li > a > p > img{ width:100%;}
.peixun-list > ul > li > a > h3{ width:100%; height:2.4rem; line-height:2.4rem; font-size:1rem; text-align:center; font-weight:normal; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.peixun-list2{ margin-top:1rem; }
.peixun-list2 > ul > li{ width:100%; height:auto; float:left; margin-top:0.5rem;}
.peixun-list2 > ul > li:nth-of-type(3n){ margin-right:0;}
.peixun-list2 > ul > li > a{}
.peixun_list_left{ width:32%; float:left; padding:0.5rem; background-color:#FFF; border:1px solid #dededf; box-sizing:border-box;}
.peixun_list_left img{ width:100%;}
.peixun_list_right{ width:68%; float:left; padding:0.5rem; padding-top:0rem; background-color:#FFF; border-left:none; box-sizing:border-box;}
.peixun_list_right > p{float:left; padding:0.5rem; padding-top:0rem; background-color:#FFF; font-size:0.6rem;  box-sizing:border-box; display:block;}
.peixun_list_right > p > strong{ font-size:0.6rem; color:#FF0000;}
.peixun_list_right > p > span{ color:#f00;}

.about-cen{width:100%; height:auto; line-height:2.4rem; font-size:1rem; margin-top:1rem;}
.about-cen > a{ color:#F00; text-decoration:underline;}
.copyright{width:100%; height:auto; line-height:2rem; font-size:1.2rem; border-top:1px solid #999; color:#999; margin-top:1rem; padding-top:1rem; padding-bottom:1rem;}
.copyright > a{ color:#999;}

.location{ width:100%; height:auto; box-sizing:border-box; padding:1rem; }
.location > p{ width:100%; padding-bottom:1rem; border-bottom:1px solid #CCC; font-size:1rem; text-align:left;}
.guanyuwm{ width:100%; height:auto; box-sizing:border-box; padding:1rem; padding-top:0;  margin-bottom:1rem;}
.guanyuwm > .gywm-header{ width:100%; padding-bottom:1rem; border-bottom:1px solid #DDD; padding-bottom:1rem; text-align:left; position:relative; margin-bottom:1rem; box-sizing:border-box; }
.guanyuwm > .gywm-header > h3,.guanyuwm > .gywm-header > p{ width:100%; font-size:1.6rem; font-weight:normal;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.guanyuwm > .gywm-header > h3{ white-space:normal;}
.guanyuwm > .gywm-header > p{ font-size:1rem; color:#999; padding-top:0.5rem;}
.guanyuwm > .gywm-header > .gywm-hd-share{ display:block; width:5rem; height:5rem; position:absolute; right:0; top:50%; margin-top:-2.5rem;}
.guanyuwm > .gywm-header > .gywm-hd-share > h3,.guanyuwm > .gywm-header > .gywm-hd-share > p{ width:100%; height:3.0rem; line-height:3.0rem; font-size:2.4rem; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.guanyuwm > .gywm-header > .gywm-hd-share > p > i{ font-size:2.0rem;}
.guanyuwm > .gywm-header > .gywm-hd-share > h3{ height:1.4rem; line-height:1.4rem; font-size:1rem; font-weight:normal;} 
.guanyuwm > .gywm-cen{width:100%; height:auto; line-height:2rem; font-size:1rem;}

.col{ width:100%; box-sizing:border-box; padding:0 1rem; padding-bottom:0; }
.pages{width:100%; height:auto; text-align:center; margin-top:3rem; padding-bottom:2rem; background-color:#FFF;}
.pages > ul{ font-size:0;}
.pages > ul > li{ display:inline-block; width:auto; padding-left:0.5rem; padding-right:0.5rem; height:2rem; line-height:1.9rem; box-sizing:border-box; border:1px solid #EEE; font-size:1rem; margin:0 0.25rem;}
.pages > ul > li.page-limore{ border-color:#FFF;}
.pages > ul > li i{ font-size:1rem;}
.tools{ width:100%; box-sizing:border-box; padding:1rem; padding-bottom:3rem; border-top:1px solid #EEE; margin-top:2rem;}
.tools > .tools-header{ width:100%; font-weight:normal; font-size:1.6rem; text-align:center; margin-bottom:2rem; padding-top:1rem;}
.tools > .tools-list{ width:100%;}
.tools > .tools-list > ul > li{ width:32%; height:auto; float:left; margin-left:12%; text-align:center;}
.tools > .tools-list > ul > li > a > p{ width:50%; margin:0 auto;}
.tools > .tools-list > ul > li > a > p > img{ width:100%;}
.tools > .tools-list > ul > li > a > h3{ display:inline-block; border-bottom:1px solid #272727; font-size:1.2rem; text-align:center; font-weight:normal; padding-top:1rem; padding-bottom:1rem;}

.pg-txt{ width:100%; font-size:1rem; color:#999; text-align:left; line-height:1.6rem; padding-top:1rem; padding-bottom:1rem;}
.pg-form{ width:100%; height:auto; /*background-color:#EEE; */padding-bottom:3rem; }
.pg-form > .pgform-header{ width:100%; height:3.2rem; line-height:3.2rem; border-bottom:1px dashed #d6d6d6; text-align:left; font-size:1.2rem; margin-bottom:1rem; }
.pg-form > .pgform-list{ width:100%; height:auto; box-sizing:border-box; border:1px solid #797979}
.pg-form > .pgform-list > ul > li{ width:100%; height:42px; padding-left:130px; box-sizing:border-box; position:relative; }
.pg-form > .pgform-list > ul > li + li{ border-top:1px solid #797979;}
.pg-form > .pgform-list > ul > li > h3{ width:120px; height:42px; line-height:42px; font-weight:normal; font-size:0.8rem; text-align:center; position:absolute; left:0;top:0; box-sizing:border-box; border-right:1px solid #797979; text-transform:uppercase;}
.pg-form > .pgform-list > ul > li > p,.pg-form > .pgform-list > ul > li > h4,.pg-form > .pgform-list > ul > li > h5{ font-size:0.8rem; font-weight:normal; display:inline-block; float:left; margin-right:1rem; height:42px; border:0; }
.pg-form > .pgform-list > ul > li > h4,.pg-form > .pgform-list > ul > li > h5{ line-height:42px;}
.pg-form > .pgform-list > ul > li > p > input,.pg-form > .pgform-list > ul > li > p > select{ width:12rem; height:24px; border:1px solid #8b8b8b; line-height:24px; transform:translateY(9px); -webkit-transform:translateY(9px);}
.pg-form > .pgform-list > ul > li > p.addr > select{ width:5rem;}
.pg-form > .pgform-list > ul > li > p.sex > input{ width:1rem;}
.pg-form > .pgform-list > ul > li > span{ display:none; float:left; color:#F00; font-size:12px; height:42px; line-height:42px; }
.pg-form > .pgform-list > ul > li > span:nth-of-type(1){ display:inline-block;}
.pg-form-submit{ width:100%; height:auto;/*  padding-top:3rem;*/ padding-bottom:2rem; }
.pg-form-submit > input{ width:100%; height:3rem; text-align:center; font-size:1.2rem; color:#FFF; border-radius:0.25rem; border:0; background-color:#f8a93d;}

.fzr-user > p,.fzr-user > p > img{ width:100%;}
.fzr-user > h3{width:100%; height:auto; font-size:1.5rem; font-weight:bold; box-sizing:border-box; padding:1rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.fzr-user > div{ width:100%; box-sizing:border-box; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; line-height:2rem; font-size:1rem; color:#F00;}
.fzr-cen{ width:100%; height:auto; box-sizing:border-box; padding-left:10rem; padding-top:1rem; padding-right:1rem; paddinb-bottom:1rem; position:relative;}
.fzr-cen > .fzr-menu{ width:8rem; height:auto; background-color:#FFF; border:1px solid #f8a93d; position:absolute; left:1rem; top:1rem;}
.fzr-cen > .fzr-menu > ul > li{ width:100%; height:2.4rem; line-height:2.3rem; border-bottom:1px solid #f8a93d; box-sizing:border-box; text-align:center; font-size:1rem; color:#f8a93d;}
.fzr-cen > .fzr-menu > ul > li:nth-last-of-type(1){ border-bottom:0;}
.fzr-cen > .fzr-menu > ul > li.on{ background-color:#f8a93d; color:#FFF;}
.fzr-cen > .fzr-item{ width:100%; height:auto; box-sizing:border-box; border-left:1px solid #DDD;}
.fzr-cen > .fzr-item > .fzr-item-header{ width:100%; height:auto; box-sizing:border-box; padding-left:1rem; text-align:left; font-size:0; margin-bottom:1rem; position:relative;}
.fzr-cen > .fzr-item > .fzr-item-header > p{ width:auto; display:inline-block; height:3rem; line-height:3rem; padding-left:1rem; padding-right:1rem; background-color:#FFF; border:1px solid #f8a93d; font-size:1rem; color:#f8a93d;}
.fzr-cen > .fzr-item > .fzr-item-header > p.on{ background-color:#f8a93d; color:#FFF;}
.fzr-cen > .fzr-item > .fzr-item-header::after{ content:' '; width:1rem; height:4px; background-color:#f8a93e; position:absolute;left:0rem; top:50%; margin-top:-2px;}
.fzr-cen > .fzr-item > .fzr-item-header::before{ content:' '; width:10px; height:10px; background-color:#f8a93e; position:absolute;left:-5px; top:50%; margin-top:-5px; border-radius:50%;}
.fzr-cen > .fzr-item > ul > li{width:50%; float:left; margin-bottom:5%; box-sizing:border-box; padding-left:1rem;}
.fzr-cen > .fzr-item > ul > li > a{ width:100%; display:block; border:1px solid #DDD; padding:0.5rem; box-sizing:border-box; }
.fzr-cen > .fzr-item > ul > li > a img{ width:100%;}
.fzr-menu-fixed{ position:fixed; left:1rem;}



.tofloat_vchat{ position:fixed; right:-7%; bottom:25%;z-index:999999;}
.tofloat_callme{ position:fixed; right:-7%; bottom:15%;z-index:999999;}


.ofloat{ width:768px; height:100%; position:fixed; left:50%; top:0; margin-left:-384px; background-color:rgba(0,0,0,0.6); z-index:1000;display: none; flex-direction: row; flex-wrap: nowrap; justify-content:center; align-items:center; }
.ofloat > .box{ width:20rem; box-sizing:border-box; border:1px solid #787878; background-color:#f3f3f3; padding:1.5rem; position:relative; }
.ofloat > .box > .box-close{ width:1.6rem; height:1.6rem; line-height:1.5rem; border-radius:50%; background-color:#FFF; border:1px solid #787878; position:absolute; right:-0.8rem; top:-0.8rem; text-align:center;}
.ofloat > .box > .box-close > i{ font-size:0.8rem;}
.ofloat > .box > .box-close,.ofloat > .box > .box-close:hover{ color:#333 !important;}
.ofloat > .box > p{ width:100%; box-sizing:border-box; padding:0.5rem; background-color:#FFF;}
.ofloat > .box > p > img{ width:100%;}
.ofloat > .box > h3{ width:100%; height:2rem; line-height:2rem; font-weight:normal; font-size:1.1rem; text-align:left; margin-top:0.5rem; margin-bottom:0.5rem;}
.ofloat > .box > h3 > p{ display:inline-block; float:right; height:2rem; line-height:1.9rem; box-sizing:border-box; border-radius:4px; border:1px solid #; background-color:#FFF; padding-left:0.5rem; padding-right:0.5rem; font-size:0.8rem; color:#ff2720;}
.ofloat > .box > h4{ width:100%; font-weight:normal; font-size:0.8rem; text-align:center; line-height:1.4rem;}