@charset "utf-8";

/*sanren*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    font-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

@font-face {
    font-family: "SansHans";
    src: url("../fonts/SansHans.otf");
}

/*body {
	font-family: fonts;
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #444444;
	background: #ededee;
	overflow-x: hidden;
}*/
body {
    /* font-family: "Microsoft YaHei"; */
    font-family: "SourceHanSansCN", "Source Han Sans CN", "noto sans", "Microsoft YaHei";
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #282828;
    background: #fff;
    overflow-x: hidden;
}

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,
a {
    margin: 0;
    padding: 0;
}

input,
button,
select,
textarea {
    outline: none;
    /* font-family: "microsoft yahei"; */
    font-family: "SourceHanSansCN", "Source Han Sans CN", "noto sans", "Microsoft YaHei", "Arial", "Microsoft YaHei", "黑体", "宋体";
    -webkit-appearance: none;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    /*	display: inline-block;*/
    color: #333;
    transition: all 0.25s;
}

img {
    border: none;
    display: inline-block;
}

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

.posrelative {
    position: relative;
}

.mainleft {
    width: 960px;
}

.mainright {
    width: 220px;
}

.clear {
    height: 0;
    clear: both;
    zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.wd_100 {
    width: 100%;
}

.wd_80p {
    width: 80%
}

.mt_5 {
    margin-top: 5px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_15 {
    margin-top: 15px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_25 {
    margin-top: 25px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_35 {
    margin-top: 35px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_50 {
    margin-top: 50px;
}

.mt_60 {
    margin-top: 60px;
}

.mt_100 {
    margin-top: 100px;
}

.mb_120 {
    margin-bottom: 120px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mg-lr-5 {
    margin: 0 5px;
}

.mr_30 {
    margin-right: 30px;
}

.mr_50 {
    margin-right: 50px;
}

.wd50p {
    display: inline-block;
    width: 50%;
}

.wd100p {
    display: inline-block;
    width: 100%;
}

.pb5 {
    padding-bottom: 5px;
}

.inline-block {
    display: inline-block;
}

.pd-tb-4 {
    padding: 4px 0;
}

.box_tab {
    display: table;
    width: 100%;
    height: 100%;
}

.tab_cell {
    display: table-cell;
    vertical-align: middle;
}

.bgwhite {
    background: #FFFFFF;
}

.pd0 {
    padding: 0;
}

.padding30 {
    padding: 30px;
}

.padding20 {
    padding: 20px;
}

.padding10 {
    padding: 10px;
}

.padding5 {
    padding: 5px;
}

.paddinglr20 {
    padding: 0 20px;
}

.width_300 {
    width: 300px;
}

.width_150 {
    width: 150px;
}

.lrpadd20 {
    padding: 0 20px;
}

.ml_50 {
    margin-left: 50px;
}

.paddbot20 {
    padding-bottom: 20px;
}

.tbpadd20 {
    padding: 20px 0;
}

.nopaddingtop {
    padding-top: 0;
}

.bordetrbl {
    border: 1px solid #ddd;
}

.borderright {
    border-right: 1px solid #ddd;
}

.borderleft {
    border-left: 1px solid #ddd;
}

.bordertop {
    border-top: 1px solid #ddd;
}

.borderbot {
    border-bottom: 1px solid #ddd;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

.wrap1 {
    width: 1300px;
    margin: 0 auto;
}

.hvimg {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    transition: 1s;
}

.hvimghover:hover .hvimg {
    transform: scale(1.1);
}

.marl20 {
    margin-left: 20px;
}

.marl10 {
    margin-left: 10px;
}

.marl5 {
    margin-left: 5px;
}

.marl30 {
    margin-left: 30px;
}

.marr20 {
    margin-right: 20px;
}

.marr10 {
    margin-right: 10px;
}

.mt-14 {
    margin-top: 14px;
}

.marr5 {
    margin-right: 5px;
}

.mh-500 {
    min-height: 500px;
}

.block {
    display: block;
}

.row30 {
    margin-left: -30px;
}

.heig120 {
    height: 120px;
}

.posrelative {
    position: relative;
}

.hoverop:hover {
    opacity: .85;
}

.distab {
    display: table;
}

.tbcell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.tbcellimg {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.abtn {
    display: inline-block;
    padding: 5px 10px;
    background: #D42A2A;
    color: #fff;
}

.logoutbtn {
    background: #333333;
    margin-left: 5px;
}

.maincontainer {
    padding: 30px 0;
}

.bggray {
    background: #F1F1F1;
}

.bgwhite {
    background: #fff;
}

.hovshadow:hover {
    box-shadow: 0 0 10px 1px #aaa;
    transition: all .5s;
}

.colorred {
    color: #ff5d5d;
}

.colorred2 {
    color: #db2626;
}

.colorblue {
    color: #17A7DC;
}

.colorgreen {
    color: #55d679;
}

.color999 {
    color: #999;
}

.color1 {
    color: #282828;
}

.color666 {
    color: #666;
}

.btnalink {
    display: inline-block;
    padding: 5px 8px;
    background: #ddd;
    border-radius: 5px;
}

.btnalink1 {
    background: #F77258;
    color: #fff;
}

.btnalink2 {
    background: #20A49F;
    color: #fff;
}

.btnalink3 {
    background: #F77258;
    color: #fff;
    padding: 1px 10px;
}

.btnalink3 i {
    margin-right: 3px;
}

.btnalinkborder {
    display: inline-block;
    width: 80px;
    text-align: center;
    padding: 3px 0;
    border: 1px solid #ddd;
}

.btnalinkborder:hover {
    border-color: #D42A2A;
    background: #D42A2A;
    color: #fff;
}

.textright {
    text-align: right;
}

.textcenter {
    text-align: center;
}

.hovercolor:hover {
    color: #C92B2F;
}

.disblock {
    display: block;
}

.middle {
    vertical-align: middle;
    margin-top: -3px;
}

.marl10 {
    margin-left: 10px;
}

.marr10 {
    margin-right: 10px;
}

.fullwidth {
    width: 100%;
}

.datatable th {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background: #F5F5F5;
}

.datatable td {
    padding: 10px;
    border-bottom: 1px dashed #ddd;
}

.datatable td.tdl {
    color: #999;
}

.datatables td {
    text-align: center;
    line-height: 24px;
    border-bottom: none;
}

.datatable td img {
    display: inline-block;
    vertical-align: middle;
}

.datatable td.lvtd {
    border-bottom: 1px solid #ddd;
}

.datatablel th {
    text-align: left;
}

.datatablel td {
    text-align: left;
}

.alink {
    color: #20A49F;
}

.tablecell {
    display: table-cell;
    vertical-align: middle;
    background: #F5F5F5;
    overflow: hidden;
    text-align: center;
}

.tbcell_img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

.font18 {
    font-size: 18px;
}

.font16 {
    font-size: 16px;
}

.font14 {
    font-size: 14px;
}

.disnone {
    display: none;
}

.cl9 {
    color: #999;
}

.cl6 {
    color: #666;
}

.tab_content li.tab_content_li {
    display: none;
}

.tab_content li.active {
    display: block;
}

.tab_content1 li.tab_content_li {
    display: none;
}

.tab_content1 li.active {
    display: block;
}

.lh-38 {
    line-height: 38px;
}

.cursor-pointer {
    cursor: pointer;
}

.hidden {
    display: none;
}

.color-red-1 {
    color: #db2626;
}

.wd200 {
    width: 200px;
}

.hr-1 {
    width: 100%;
    height: 1px;
}

.bg-f5 {
    background: #f5f5f5;
}

.flex {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
}

.vertical-top {
    vertical-align: top;
}

.btn-simple-default {
    font-size: 14px;
    color: #666;
    background: none;
    cursor: pointer;
}

.btn-simple-default:hover {
    text-decoration: underline;
}

.btn-simple-default.black {
    color: #282828;
}

.btn-simple-default.black:hover {
    color: #282828;
}



/*swiper-container*/
/*.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
*/
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;

    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;

    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);

    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;

    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
    /* Specify Swiper's Size: */

    /*width:200px;
	height: 100px;*/
}

.swiper-slide {
    /* Specify Slides's Size: */

    /*width: 100%;
	height: 100%;*/
}

.swiper-slide-active {
    /* Specific active slide styling: */

}

.swiper-slide-visible {
    /* Specific visible slide styling: */

}

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
    /* Stylize pagination button: */

}

.swiper-active-switch {
    /* Specific active button style: */

}

.swiper-visible-switch {
    /* Specific visible button style: */

}

.w100 {
    width: 100%;
}

.h100 {
    height: 100%;
}

.ml5 {
    margin-left: 5px;
}

.mr5 {
    margin-right: 5px;
}

/*public*/
.head_pc {
    display: block;
}

.head_wap {
    display: none;
}

/* start 进度条 */
.com-progress {
    color: #999999;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.com-progress::after {
    content: "";
    display: table;
    clear: both;
}

.com-progress-node {
    position: relative;
    width: 25%;
    display: inline-block;
    float: left;
}

.com-progress-node::after {
    content: "";
    position: absolute;
    /* top: 25%; */
    top: 14px;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 0;
    background: #cccccc;
    z-index: -1;
}

.com-progress .com-progress-node:first-child:after {
    width: 50%;
    left: 50%;
}

.com-progress .com-progress-node:last-child:after {
    width: 50%;
}

.com-progress-circle .iconfont {
    font-size: 12px;
}

.com-progress-circle {
    display: block;
    margin: 0 auto;
    width: 32px;
    height: 32px;
    line-height: 27px;
    background: #fff;
    border: 2px solid currentColor;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
}

.com-progress-label {
    display: block;
    padding: 10px 15px 3px;
}

.com-progress-node.active .com-progress-circle {
    line-height: 22px;
    background: #cccccc;
    border: 2px solid #cccccc;
    color: #fff;
}

.com-progress-theme-red .com-progress-node.active {
    color: #db2626;
}

.com-progress-theme-red .com-progress-node.active .com-progress-circle {
    line-height: 22px;
    background: #db2626;
    border: 2px solid #db2626;
    color: #fff;
}

.com-progress-theme-red .com-progress-node.active::after {
    background: #db2626;
}

/* end 进度条 */

/* start 进度条（数字） */
.com-progress-num {
    margin: 15px auto 0;
    width: 450px;
    font-size: 14px;
    color: #e38e8e;
}

.com-progress-num::after {
    content: "";
    display: table;
    clear: both;
}

.com-progress-num-list {
    width: 33.3%;
    position: relative;
    float: left;
    text-align: center;
}

.com-progress-num-list::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    height: 4px;
    width: 100%;
    background: #e38e8e;
    z-index: -1;
}

.com-progress-num-i {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e38e8e;
    border-radius: 50%;
    color: #fff;
    display: block;
    margin: 0 auto 10px;
}

.com-progress-num-status {
    display: block;
    text-align: center;
}

.com-progress-num-list.active::after,
.com-progress-num-list.active .com-progress-num-i {
    background: #ce2a28;
}

.com-progress-num-list.active .com-progress-num-status {

    color: #ce2a28;
}

.com-progress-num-gray {
    color: #ccc;
}

.com-progress-num-gray .com-progress-num-i {
    background: #ccc;
}

.com-progress-num-gray .com-progress-num-list::after {
    background: #ccc;
}

.com-progress-num-gray .com-progress-num-list.active::after {
    background: #ce2a28;
}



/* end 进度条（数字） */

/* start 进度2（订单详情） */
.com-progress-ord-list {
    position: relative;
    float: left;
    text-align: center;
    min-width: 20%;
}

.com-progress-ord-list::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom: 2px solid #cccccc;
    z-index: -1;
}

.com-progress-ord .com-progress-ord-list:first-child::after {
    left: 50%;
    width: 50%;
}

.com-progress-ord .com-progress-ord-list:last-child::after {
    left: 0;
    width: 50%;
}

.com-progress-ord-list.active .com-progress-ord-i {
    color: #db2626;
}

.com-progress-ord-list.active .com-progress-ord-status {
    color: #282828;
}

.com-progress-ord-list.active::after {
    border-bottom: 2px solid #db2626;
}


.com-progress-ord-list .com-progress-ord-i {
    display: block;
    width: max-content;
    margin: 0 auto;
    padding: 0 20px;
    font-size: 28px;
    background: #fff;
}

.com-progress-ord-status,
.com-progress-ord-sptime {
    display: block;
    margin-top: 6px;
}

/* end 进度2 */

/* start checkbox */
.yt-checkbox-box {
    display: inline-block;
    align-items: center;
    width: auto;
    font-size: 16px;
    cursor: pointer;
    user-select: none;
}

.checkbox-input {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: #fff;
    border: 1px solid #bfbdbd;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 5px 0 0;
    cursor: pointer;
}

.checkbox-input:checked {
    background-color: #DE0202;
}

.checkbox-input:checked:after {
    content: "\2714";
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    box-shadow: 0 0 4px #DE0202;
}

.checkbox-input+span {
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}

/* end checkbox */

/* start radio */
.yt-radio-box {
    cursor: pointer;
    margin-right: 20px;
    float: left;
    line-height: normal;
}

.yt-radio-box::after {
    content: "";
    clear: both;
    display: table;
}

.yt-radio-radio {
    position: relative;
    display: inline-block;
    float: left;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
}

.yt-radio-radio:checked::after {
    content: "";
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    position: absolute;
    background: #666;
    border-radius: 50%;
}

.yt-radio-radio+span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    color: #666;
    font-size: 16px;
    float: left;
}


/* end radio */
/* start 弹出层 */
.yt-model-theme .layui-layer-title {
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    color: #282828;
    border: 0;
}

/* end 弹出层 */
/* start 计数器 */
.component-change-counter {
    margin: 0 auto;
    border: 1px solid #ccc;
    height: 18px;
    line-height: 18px;
    width: max-content;
    color: #282828;
    user-select: none;
}

.component-change-counter::after {
    content: "";
    clear: both;
    display: table;
}

.component-cc-btn {
    float: left;
    width: 18px;
    height: 100%;
    line-height: 16px;
    background: #f5f5f5;
    cursor: pointer;
}

.component-cc-input {
    float: left;
    width: 38px;
    height: 100%;
    padding: 3px;
    text-align: center;
    font-size: 14px;
}

.component-cc-btn.disabled {
    /* pointer-events: none; */
    color: #ccc;
}

/* end 计数器 */

/* start 地址选择器 */
.component-address {
    position: relative;
    width: 100%;
    height: 100%;
    color: #282828;
}

.component-address-i {
    position: absolute;
    right: 12px;
    color: #999;
}

.component-address-content {
    display: none;
    position: absolute;
    top: calc(100% - 11px);
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    min-width: 440px;
    z-index: 9;
}

.component-address-row {
    width: 100%;
    cursor: pointer;
    padding-right: 28px;
}


.component-address-list {
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
}

.component-address-list::after {
    content: "";
    display: table;
    clear: both;
}


.component-address-list span {
    width: 90px;
    margin-left: 10px;
    margin-bottom: -2px;
    position: relative;
    padding: 10px;
    background: #f5f5f5;
    color: #282828;
    font-size: 16px;
    float: left;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.component-address-list span.active {
    border: 1px solid;
    border-color: #ccc #ccc #fff #ccc;
    background: #fff;
}

.component-address-list i {
    top: 6px;
}

.component-address-content .close {
    position: absolute;
    right: 12px;
    top: 18px;
    color: #999999;
    cursor: pointer;
    font-size: 21px;
    font-weight: lighter;
}

.component-address-item {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-flex;
    flex-flow: row;
    flex-wrap: wrap;
    padding: 10px;
    /* min-height: 200px; */
    /* overflow-y: auto; */
}

.component-address-item span {
    padding: 10px 8px;
    min-width: 80px;
    max-width: 120px;
    cursor: pointer;
}

.component-address.active .component-address-content {
    display: block;
}

/* end 地址选择器 */

/* start 弹出层 */
.layui-layer-setwin .layui-layer-close2.layui-layer-close2:hover {
    background-position: -150px -31px;
}

.tc_title {
    color: #272525;
    font-size: 21px;
    text-align: center;
    height: 5%;
    padding: 10px;
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
}

/* end 弹出层 */

/* 荐购弹窗 */
.box_tg{
    color:#DB2626;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    cursor:pointer
}
.box_tg_item{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom:15px
}
.box_tg_item lable{
    width: 70px;
    font-size: 14px;
    text-align:right
}
.box_tg_item input{
    border:1px solid #ccc;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 3px;
    height: 30px;
    width: calc(100% - 75px);
    margin-left: 5px;
}
.box_tg_class .layui-layer-title{
    background-color: #DB2626 !important;
    color: #fff !important;
}
.box_tg_class .layui-layer-close1:after{
    color: #fff;
}
.box_tg_class .layui-layer-btn{
    text-align:center
}

.table_err{
    border-collapse:collapse;
    width: 100%;
}
.table_err th,.table_err td{
    border: 1px solid #ccc;
    padding: 5px 10px;
}
.binding{
    display:flex;
    align-item:center;
    margin-bottom: 10px;
    /* display: none; */
}
.binding label{
    width:80px;
    text-align:right
}
.binding input{
    width:190px;
    height: 25px;
    border:1px solid #ccc;
    margin-left:10px;
    margin-right:40px;
    padding:0 10px;
    border-radius:3px
}
.binding_skin .layui-layer-btn{
    text-align: center;
}
.binding_skin .layui-layer-btn0{
    background-color:#DB2626 !important;
    border-color:#DB2626 !important;
}
.mores_box{
    text-align:right;
    color:red;
    font-size:14px;
    position: absolute;
    bottom:0px;
    right: -5px;
    cursor: pointer;
}
.mores_box span{
    margin-right: 2px;
}
.Msg{
    padding: 5px 10px;
    border-radius: 3px;
    background: rgba(0,0,0,.5);
    color: #fff;
    display: inline-block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    z-index: 99999999;
    display: none;
}
.dom1{
    display: flex;
}
.dom1 div{
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #ccc;
    cursor: pointer;
}
.dom1 div:nth-of-type(2){
    margin-left: 10px;
}
.dom1 .active{
    background: red;
    color: #fff;
}
.dom_text{
    margin-top: 10px;
}
.dom_textarea{
    margin-top: 10px;
    width: 300px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    box-sizing: border-box;
    
}
.bg_db26{
    background: #db2626 !important;
    color: #fff !important;
    border: 1px solid #db2626 !important;
}
.input-text{
    border: 1px solid #ccc;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 3px;
}
.rems_bottom{
    position: relative;
    border-top: 1px dashed #ccc;
    padding-top: 10px;
    display: none;
}
.rems_top{
    position: relative;
}
.rems_bottom .mores_box>img{
    transform: rotate(180deg);
}
.rems_bottom .mores_box{
    bottom: -5px;
}