/* 公共 */
body { font-family: "Microsoft Yahei"; text-align: left; color: #000; font-size: 14px; background: #fafbfc; margin: 0;}
html{ background: #fff;}
a{color: #000;text-decoration: none; outline: none;}
li{list-style:none;}
img{display: block;}
.clearfix::after{content:'';display: block;clear: both;}
p,span,input,textarea,div,ul,li{margin: 0;padding: 0;}
input[type="text"],input[type="password"],textarea,select{ border-radius: 4px; outline: none;}
::-webkit-input-placeholder{ color: #c1c1c1!important;}
button[type="button"]{ cursor: pointer;}


.head{background: #383a40;position: relative;top:0;left: 0;height:80px;width: 100%; display: flex;}
.head .header_con{width: 1200px;position: relative;margin:auto;}
.head .header_con .logo{float: left;padding: 10px 0 0;}
.head .header_con .logo img{float: left;}
.head .header_con .logo span{font-size:24px;float: left;;color: #fff;padding: 15px 0 0 20px;}
.head .header_con ul{float: left; margin-left:8rem;}
.head .header_con ul li{float: left;padding:30px 20px;}
.head .header_con ul li a{color:#dddddd;font-size:16px;margin: 12px 0;padding:15px 0;line-height: 1;font-weight: 100;}
.head .header_con ul li a:hover,.head .header_con ul li a.cur{ color: #fff;font-weight: 400;}
.head .header_con ul li.zhuce{padding:30px 0 0 20px;}
.head .header_con ul li.zhuce a{background: #fb4236;padding:15px 20px;color: #fff;}

.header{ width: 100%; height: 145px; background: url(images/headerBg.jpg) repeat-x;}
.header .head{ width: 1200px; height: 65px; margin: 0 auto; display: flex; justify-content: flex-end; align-items: center; }
.header .head a{ display: flex; width: 111px; height: 65px; justify-content: center; align-items: center; font-size: 14px; color: #b1b1b1; border-right: 1px solid #43454b;}
.header .head a:hover,.header .head a.cur{ color: #fff;}
.header .head a:last-child{ border: 0;}
.header .head a::before{ content: ''; width: 16px; height: 17px; display: flex; margin-right: 2px; background: url(images/icon.png); background-size: 1200px 600px; }
.header .head .iconSafe::before{ content: ''; background-position: -20px 0;}
.header .head .iconMsg::before{ content: ''; background-position: 0 0;}
.header .head .iconAccount::before{ content: ''; background-position: -40px 0;}
.header .head .iconSignOut::before{ content: ''; background-position: -60px 0;}

.header .head .iconSafe:hover::before,.header .head .iconSafe.cur::before{ content: ''; background-position: -20px -45px;}
.header .head .iconMsg:hover::before,.header .head .iconMsg.cur::before{ content: ''; background-position: 0 -45px;}

.header .head .iconSignOut:hover::before,.header .head .iconSignOut.cur:before{ content: ''; background-position: -60px -45px;}
.header .head .iconAccount:hover::before,.header .head .iconAccount.cur:before{ content: ''; background-position: -40px -45px;}
.header .nav{ display: flex; justify-content: space-between; align-items: center; width: 1200px; height: 80px; margin: 0 auto; position: relative;}
.header .nav .logo{ display: flex; justify-content: flex-start; align-items: center;}
.header .nav .logo img{ width: 99px; height: 49px;}
.header .nav .logo p{ font-size: 26px; color: #3c3c3c; padding-top: 12px; margin-left: 20px;}
.header .nav .navMain{ display: flex; justify-content: flex-start; align-items: center;}
.header .nav .navMain a{ display: inline-flex; justify-content: center; align-items: center; height: 45px; padding: 0 24px; margin: 0 8px; border-bottom: 4px solid #fff; font-size: 18px; color: #282828;}
.header .nav .navMain a:hover{color: #fb4236; }
.header .nav .navMain a.cur{ border-color: #fb4236; color: #fb4236;}
.header .nav .navMore{ display: inline-flex; width: 20px; height: 22px; background: url(images/icon.png); background-size: 1200px 600px; background-position: 0 -19px; cursor: pointer; margin: 0 16px;}
.header .nav .navMore.on{ transform: rotate(90deg)}
.header ul.navMoreList {display: none; width: 161px; background-color: #ffffff; box-shadow: -3px 3px 7px 0px rgba(131, 131, 131, 0.1); border: solid 1px #eeeeee; position: absolute; right: 0; top: 79px; margin: 0; padding: 0; z-index: 99;}
.header ul.navMoreList li a{ display: flex; width: 154px; height: 69px; justify-content: center; align-items: center; border-bottom: 1px solid #eeeeee; font-size: 18px; color: #282828;}
.header ul.navMoreList li a:hover,.header ul.navMoreList li a.cur{ color: #fb4236;}

footer{background: #383a40;height: 380px; position: relative; z-index: 2;}
footer .footer{width: 1200px;margin:auto;position: relative;padding: 30px;}
footer .footer .title{margin: auto;}
footer .footer .contactus{width:965px;height: 140px;background: #454850;margin:60px auto 0;padding: 0 25px;}
footer .footer .contactus ul li{float: left;color: #fff;font-size: 14px;margin-left: 125px;padding-top:32px;}
footer .footer .contactus ul li p{padding-top: 15px;position: relative;margin: 0;}
footer .footer .contactus ul li p i{background:url("images/icons.png");background-size: 1200px 500px;width:15px;height: 15px;float: left;margin-right: 10px;}
footer .footer .contactus ul li p i.phone{background-position:0 0;}
footer .footer .contactus ul li p i.email{background-position:-25px 0;}

.globalWrap{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.globalWrap::after{ content: ''; width: calc( (100vw - 1200px)/2); background: #fff; position: absolute; right: 0; height: 100%; z-index: 1;}
.globalWrap .sidebar{ width: 151px; background: #fafbfc;}
.globalWrap .sidebar dl{ width: 100%; border-bottom: 1px solid #ececec; padding-bottom: 20px; }
.globalWrap .sidebar dl:last-child{ border: 0;}
.globalWrap .sidebar dl dt{ width: 100%; height: 80px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #3b3b3b;}
.globalWrap .sidebar dl dt::before{ content: ''; display: flex; width: 6px; height: 22px; background: #fb4236; margin-right: 15px;}
.globalWrap .sidebar dl dd{ width: 100%; height: 58px; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #a7a7a7; margin: 0; }
.globalWrap .sidebar dl dd a{ color: #a7a7a7;}
.globalWrap .sidebar a.cur{ color: #fb4236;}
.globalWrap .sidebar a:hover{ color: #fb4236;}
.globalWrap .iframeWrap{ flex: 1; height: 900px; background: #fff; display: flex; justify-content: center; align-items: flex-start; padding: 40px 0 30px 0;}

/* toast全局提示消息 */
.toastWrap{ display: none; width: 100%; height: 70px; position: fixed; left: 0; top: 0; right: 0; margin: auto; z-index: 9999; }
.toast{display: flex; justify-content: center; align-items: center; }
.toast span{ display: inline-flex; justify-content: center; align-items: center; background:#fff; border: 1px solid #f1f1f1; font-size: 14px; color: #666; border-radius: 5px; height: 42px; padding: 0 28px;}
.toast span::before{ content: ''; width: 8px; height: 8px; border-radius: 999px; background: #ed4014; margin-right: 10px;}
.toastWrap.on{ animation: toast .25s linear forwards;}
@keyframes toast{
  from{ transform: translateY(0)}
  to{ transform: translateY(30px)}
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #fb4236!important;
    background-color: #fb4236!important;
    color: #fff;
}

/* select下拉框 */
.select { position: relative; display: block; width: 198px;  height: 42px; border-radius: 4px; color: #cccccc; text-align: left; user-select: none; -webkit-touch-callout: none; font-size: 14px; margin-right: 20px;}
.select .placeholder { position: relative; display: block; font-size: 14px; font-style: normal; color: #c1c1c1; text-indent: 15px; background-color: #fff; border: solid 1px #f0f0f0; z-index: 1; padding: 12px 0; border-radius: 4px; cursor: pointer;}
.select .placeholder:after { width: 8px; height: 6px; background-repeat: no-repeat; background-image: url(images/icon_arrow_down_x2.png); background-size: 100%; right: 15px; top: 18px; position: absolute; content: ''; z-index: 10; transition: all .2s;}
.select.is-open .placeholder:after { content: ''; transform: rotate(-180deg);}
.select.is-open ul { display: block; border: 1px solid #f1f1f1;}
.select.select--white .placeholder { background: #fff; color: #999;}
.select.select--white .placeholder:hover { background: #fafafa;}
.select ul { display: none; position: absolute; overflow: hidden; width: 196px; background: #fff; border-radius: 2px; top: 100%; left: 0; list-style: none; margin: 5px 0 0 0; padding: 0; z-index: 100;}
.select ul li { display: block; text-align: left; text-indent: 16px; padding: 0.8em 0 0.8em 0; color: #5a5a5a; cursor: pointer; width: 196px;}
.select ul li:hover { background: #f1f1f1;}
.modelWrap .model .select{ width: 389px;}
.modelWrap .model .select ul li { min-height: 0; }
.modelWrap .model .select .placeholder{ border: 1px solid #f0f0f0;}

.filter-disabled { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.filter-box { position: relative;}
.filter-box select { display: none;}
.filter-text { height: 100%; overflow: hidden; position: relative; cursor: pointer; padding: 0; background: #fff;}
.filter-text input { font-size: 14px;}
.filter-text .filter-title { width: 100%; height: 36px; line-height: 36px; border: 0; background-color: transparent; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0; cursor: pointer;}
.filter-list { display: none; border-radius: 4px; width: 100%; max-height: 300px; background-color: #fff; font-size: 14px; position: absolute; top: 48px; left: 0; z-index: 99; border: 1px solid #f0f0f0; overflow: auto;}
.filter-list li.filter-null a { color: #d2d2d2;}
.filter-list li a { display: block; padding: 0 10px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;}
.filter-list li:hover { background-color: #f2f2f2;}
.filter-list li.filter-selected { background-color: #fb4236;}
.filter-list li.filter-selected a { display: block; color: #fff;}
.filter-list li.filter-disabled { background-color: #fff;}
.filter-list li.filter-disabled a { display: block; color: #d2d2d2;}
.filter-list li.filter-disabled:hover a { cursor: not-allowed !important; background-color: #fff;}
.filter-box .icon { position: absolute;}
.icon-filter-arrow { width: 8px; height: 6px; background-repeat: no-repeat; background-image: url(images/icon_arrow_down_x2.png); background-size: 100%; right: 15px; top: 18px; transition: all .2s;}
.icon-filter-arrow.filter-show { -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.filter-list::-webkit-scrollbar { width: 4px; height: 4px;}
.filter-list::-webkit-scrollbar-track { background: #fff;}
.filter-list::-webkit-scrollbar-thumb { background: #CBCBCB;}

.sidebarItem { width: 990px;  position: relative; background: #fff;}

/* iframe公用 */
.iframeContent{ background: #fff;}
.iframeContent .headline { font-size: 26px; width: 100%; height: 48px; border-bottom: 1px solid #f0f0f0; margin: 0 auto 30px auto; display: flex; justify-content: space-between; align-items: center; position: relative;}
.iframeContent .headline a{ font-size: 16px; color: #676767;}
.iframeContent .headline a:hover{ color: #fb4236; }
.iframeContent .headline a::before{ content: '+'; font-size: 20px; margin-right: 4px; font-weight: bold;}
.iframeContent input{ color: #575757; font-size: 16px; text-indent: 15px;}
.iframeContent input::-webkit-input-placeholder{ font-size: 14px; color: #5a5a5a;}
.iframeContent .btn { padding: 0 14px; height: 31px; background-color: #bfbfbf; border-radius: 6px; display: inline-flex; justify-content: center; align-items: center; color: #fff; font-size: 16px;}
.iframeContent .btn:hover{ background: #fb4236;}
.iframeContent .btn-search{ background: #fb4236;}
.iframeContent .btn-search::before,.iframeContent .btn-check::before{ content: ''; display: inline-flex; width: 17px; height: 17px; background: url(images/icon.png); background-size: 1200px 600px; background-position: -28px -22px; margin-right: 3px; }
.iframeContent .filter{ width: 100%; height: 94px; display: flex; justify-content: flex-start; align-items: center; margin-top: -30px;}
.iframeContent .filter span{ font-size: 16px; color: #575757; margin-right: 18px;}
.iframeContent input{ width: 222px; height: 42px; border-radius: 4px; border: solid 1px #f0f0f0; margin-right: 20px; font-size: 14px; color: #575757;}
.iframeContent .dateRange { width: 289px;}
.iframeContent .table { width: 100%; background-color: #ffffff; border: solid 1px #f0f0f0; text-align: center; font-size: 14px; color: #222222;}
.iframeContent .table th{ height: 42px; line-height: 42px; width: auto; background: #f0f0f0; font-size: 14px; color: #393939;}
/* .iframeContent .table td{ height: 48px; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;} */
.iframeContent .table td{ height: 48px; border-bottom: 1px solid #f0f0f0;}
.iframeContent .table tr td:last-child{ border-right: 0;}
.iframeContent .table tr:last-child td{ border-bottom: 0;}
.iframeContent .table span { color: #418cd3;}
.iframeContent select { width: 213px; height: 42px; border-radius: 4px; border: solid 1px #b5b5b5;}
.iframeContent select option{ width: 213px; height: 42px;}

/* model弹窗 */
.modelWrap{ display: none; z-index: 9; width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: rgba(0, 0, 0, 0.74); }
.model{ width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center;}
.model .main { width: 782px; background-color: #ffffff; border-radius: 10px; position: relative;}
.model .main p.title{ font-size: 18px; color: #6d6d6d; text-align: center; margin-top: 34px; margin-bottom: 20px;}
.model .main ul{ width: 100%;}
.model .main ul li{ display: flex; justify-content: flex-start; align-items: center; min-height: 60px; width: 100%; font-size: 14px; color: #1d1d1d;}
.model .main ul li.note{ align-items: flex-start;}
.model .main ul li.note textarea{ width: 355px; height: 96px; border-radius: 4px; border: 1px solid #f0f0f0; padding: 17px;}
.model .main ul li span{ display: flex; width: 200px; justify-content: flex-end; align-items: center; margin-right: 40px;}
.model .main ul li input{ width: 389px; height: 38px; border: 4px; background: #fff; border: 1px solid #f0f0f0; text-indent: 17px;}
.model .btn-model-submit { width: 157px; height: 43px; background-color: #fb4236; border-radius: 8px; display: flex; justify-content: center; align-items: center; font-size: 14px; color: #fff; margin: 40px auto 66px auto; }
.model .btn-closeModel{ display: flex; width: 28px; height: 28px; background: url(images/icon.png); background-size: 1200px 600px; background-position: 0 -64px; position: absolute; right: 50px; top: 30px; z-index: 999;}

/*滚动条样式*/
 ::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
    position: fixed;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

/* 文字面板 */
.textPanel{ margin-top: 50px;}
.textPanel .title{ color: #2f2f2f; font-size: 16px; height: 19px; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 16px; }
.textPanel .title::before{ content: ''; display: flex; width: 6px; height: 19px; margin-right: 8px; background: #fb4236;}
.textPanel p{ color: #8b8b8b; font-size: 14px; line-height: 28px; margin-left: 14px;}

.panel { width: 988px; min-height: 373px; background-color: #ffffff; border-radius: 5px; overflow: hidden; border: solid 1px #eeeeee; margin: 0 auto 15px auto; position: relative; line-height: 22px;}
.panel .title{ width: 100%; height: 46px; display: flex; justify-content: space-between; box-sizing: border-box; align-items: center; font-size: 14px; padding: 0 25px; background: #f0f0f0;}
.panel .title p.time{ font-size: 16px; color: #2f2f2f;}
.panel .title p.state span{ color: #fb4236; margin-left: 6px;}
.panel .title p.time span{ color: #222; font-size: 14px; margin-left: 10px;}
.panel ul{ width: 100%; padding: 40px 45px; box-sizing: border-box;}
.panel ul li:nth-child(1),.panel ul li:nth-child(2){ display: flex; justify-content: space-between;}
.panel ul li{ display: flex; justify-content: flex-start; align-items: flex-start; min-height: 43px;}
.panel ul li div{ display: flex; justify-content: flex-start; align-items: center;}
.panel ul li div span.right{ display: flex; width: 123px; justify-content: flex-start;}
.panel ul li p{ width: 100px; color: #979797;}
.panel ul li span{ color: #222222; flex: 1;}

/* 分页 */
#pagination{ margin-top: 30px;}
.whj_jqueryPaginationCss-1{ display: inline-block; padding: 5px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.whj_jqueryPaginationCss-1 div{ display: inline-block; vertical-align: bottom; height: 24px; line-height: 24px;}
.whj_jqueryPaginationCss-1 .whj_padding{ padding: 1px 9px;}
.whj_jqueryPaginationCss-1 .whj_bgc{ background-color: #fff; color: #72727a;}
.whj_jqueryPaginationCss-1 .whj_border{ border: 1px solid #ddd;}
.whj_jqueryPaginationCss-1 .whj_color{ color: #72727a;}
.whj_jqueryPaginationCss-1 .whj_hover:hover{ background-color: #eee; color: #72727a; cursor: pointer;}
.whj_jqueryPaginationCss-1 .whj_checked{ background-color: #98a6ad; color: #fff;}
.whj_jqueryPaginationCss-1 .whj_hoverDisable{ opacity: 0.5;}
.whj_jqueryPaginationCss-1 select{ height: 28px; vertical-align: bottom; padding: 0px; outline: none;}
.whj_jqueryPaginationCss-1 input{ padding: 0px; height: 26px; outline: none; text-align: center; width: 40px; text-indent: 0; vertical-align: bottom;}
.whj_jqueryPaginationCss-1 div,.whj_jqueryPaginationCss-1 input,.whj_jqueryPaginationCss-1 select{ margin: 2px;}

/* 缺省页面 */
.page404Wrap{ width: 100%;  position: relative; display: none;}
.page404{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative;}
.page404::before{ content: '';  width: 440px; height: 252px; background: url(images/404.png); background-size: contain; display: flex; justify-content: center; align-items: flex-end;}
.page404 span{ font-size: 14px; color: #ababab; display: flex; justify-content: center; position: absolute; bottom: 0;}

/* default鼠标悬停动画 */
.goodsList li a:hover { transform: translateY(-0.0533rem); box-shadow: rgb(204, 204, 204) 0px 0px 10px; transition: all .25s linear;}
table tr:hover { background: #f9f8f8; transition: all .25s linear;}

/******************** start ********************/
/* 首页 */
.clearfix::after{content:'';display: block;clear: both;}
.warp .main .banner{position: relative;width:1920px;height: 400px;left: 50%;-webkit-transform: translate(-50%,0); overflow: hidden;}
.warp .main .banner .wrapbanner {position: absolute;width: 3840px;height: 400px;z-index: 1;transition: all 1.5s ease;-webkit-transition: all 1.5s ease;-ms-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;}
.warp .main .banner .wrapbanner img {float: left;width:1920px;height: 400px;}
.warp .main .banner .banner_arraw{position: relative;width: 1200px;margin: auto;height: 400px;}
.warp .main .banner .arrow {position: absolute;top: 35%;color: #fff;padding:0px 14px;border-radius: 50%;font-size: 50px;z-index: 2;display: none;}
.warp .main .banner .arrow_left {left: 10px;}
.warp .main .banner .arrow_right {right: 10px;}
.warp .main .banner:hover .arrow {display: block;}
.warp .main .banner .arrow:hover {background-color: rgba(0,0,0,0.2);}
.warp .main .page{background:#fff;position:relative;}
.warp .main .page .title{margin: auto;padding-top: 25px;width: 1200px;}
.warp .main .page .title img{margin: auto;}
.warp .main .two,.warp .main .four{background: #f0f0f0;}
.warp .main .two ul,.warp .main .four ul{width: 1200px;margin:auto;padding: 80px 0;}
.warp .main .one .one_img{margin: auto;width: 1200px;padding: 50px 0;}
.warp .main .two ul li{background:#fff;width:288px;height:355px;margin-right:16px;text-align:center;border-radius: 10px;float: left;transition:all .5s ease;-webkit-transition:all .5s ease;cursor: pointer;-o-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;}
.warp .main .two ul li:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.warp .main .two ul li .two_list{padding: 40px 0 20px;}
.warp .main .two ul li img{background: #fafafa;border-radius: 50%;margin:auto;width: 157px;height: 157px;}
.warp .main .two ul li span{font-size: 24px;font-weight: bold;position: relative;display: initial;border-bottom:5px solid #f4f4f4;padding-bottom: 15px;}
.warp .main .two ul li p{font-size: 18px;color: #a2a3ab;padding-top:45px;margin: 0;}
.warp .main .two ul li:last-child,.warp .main .four ul li:last-child{margin:0;}
.warp .main .three .solution{position: relative;margin: 185px auto 0;padding-bottom: 185px;width: 1200px;height: 140px;}
.warp .main .three .solution ul{background:url("images/icons.png") no-repeat;background-size: 1200px 500px;width: 1200px;height:140px;background-position:0 -360px;position: absolute;left: 0;transition:all 5s linear;margin: 0;padding: 0}
.warp .main .three .solution ul li{float: left;position: relative;width: 124.5px;height: 230px;}
.warp .main .three .solution ul li .three_img{width:72px;height: 72px;position:absolute;top:35px;left: 65px;}
.warp .main .three .solution ul li .three_img img{width:72px;height: 72px;overflow: hidden;border-radius: 50%;}
.warp .main .three .solution ul li .three_img::before{content: '';width: 1px;height: 30px;position: absolute;left: 50%;background: #d82204;top:74px;}
.warp .main .three .solution ul li p{text-align: center;position: absolute;width: 200px;font-size: 16px;}
.warp .main .three .solution ul li p.chine_text{top:140px;font-size: 22px;font-weight: bold;}
.warp .main .three .solution ul li p.en_text{top:170px;}
.warp .main .three .solution ul li:nth-child(2n) .three_img{width:72px;height: 72px;position:absolute;top:35px;left: 65px;}
.warp .main .three .solution ul li:nth-child(2n) .three_img img{width:72px;height: 72px;overflow: hidden;border-radius: 50%;}
.warp .main .three .solution ul li:nth-child(2n) .three_img::before{top:-32px;}
.warp .main .three .solution ul li:nth-child(2n) p.chine_text{top:-75px;font-size: 22px;font-weight: bold;}
.warp .main .three .solution ul li:nth-child(2n) p.en_text{top:-45px;}

.warp .main .four ul li{float:left;margin-right: 15px;border-radius: 10px;overflow: hidden;transition:all .5s ease;-webkit-transition:all .5s ease;cursor: pointer;-o-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;}
.warp .main .four ul li:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}



/* 注册&登录 */
.registerLogin{ width: 1200px; margin: 27px auto 58px auto; border: solid 1px #eeeeee; background: #fff;}
.registerLogin .title { width: 100%; height: 61px; background-color: #f6f8fa; border: solid 1px #eeeeee; display: flex; justify-content: flex-start; align-items: center; font-size: 18px; color: #333; text-indent: 24px;}
.registerLogin .headline{ width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 22px; color: #484848; margin-top: 11px;}
.registerLogin .headline::before,.registerLogin .headline::after{ content: ''; width: 8px; height: 8px; border-radius: 999px; background: #fb4236; margin-right: 11px;}
.registerLogin .headline::after{ content: ''; margin-left: 11px; margin-right: 0;}
.registerLogin p{ width: 696px; min-height: 44px; margin: 20px 0; display: flex; justify-content: flex-start; align-items: center; padding-left: 328px; position: relative;}
.registerLogin p label{ width: 95px; display: flex; justify-content: flex-start; font-size: 14px; color: #1d1d1d;}
.registerLogin p input { width: 389px; height: 40px; background-color: #ffffff; border-radius: 4px; border: solid 1px #eeeeee; text-indent: 20px; font-size: 14px; color: #333;}
.registerLogin p.msgWrap input{ width: 260px; }
.registerLogin p input::-webkit-input-placeholder{ color: #999;}
.registerLogin p .tips{ font-size: 12px; color: #979797; font-style: normal;}.phoneWrap span{ display: inline-flex; justify-content: center; align-items: center; width: 50px; height: 36px; background-color: #fafafa;border-radius: 4px;	border: solid 1px #eeeeee; margin-right: 8px;}
.registerLogin p .getMsgCode {cursor: pointer; display: inline-flex; justify-content: center; align-items: center; height: 36px; padding: 0 10px; background-color: #eeeeee; border-radius: 4px; border: solid 1px #eeeeee; margin-left: 8px; color: #1d1d1d; font-size: 14px; text-decoration: none;}
.registerLogin .tips{ font-size: 12px; color: #979797; font-style: normal; margin-left: 425px;}
.registerLogin .phoneWrap,.registerLogin .msgWrap{ margin-bottom: 4px;}
.registerLogin p label.error{ font-size: 12px; color: #fb4236; margin-left: 8px; width: 200px;}
.registerLogin .msgWrap label.error{ position: absolute; right: 0;}
.registerLogin p.msgWrap label.error{ width: 202px;}
.registerLogin .btn { width: 157px; height: 43px; background-color: #fb4236; border-radius: 8px; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #fff; border: 0; text-indent: 0; margin-left: 165px; margin-top: 14px; margin-bottom: 40px;}
.loginWrap { width: 866px; background-color: #ffffff; border-radius: 5px; border: solid 1px #eeeeee; margin: 56px auto 109px auto; padding-top: 30px;}
.loginWrap p { padding-left: 163px; margin: 20px 0;}
.loginWrap .verificationCode input{ width: 160px;}
.loginWrap .verificationCode{ position: relative;}
.loginWrap .verificationCode .yzm{ width: 87px; margin: 0 12px;}
.loginWrap .changeCode{ display: inline-flex; width: 117px; height: 34px; background-color: #eeeeee; border-radius: 4px;border: solid 1px #eeeeee; justify-content: center; align-items: center; color: #1d1d1d; font-size: 14px; text-decoration: none;}
.loginWrap .verificationCode label.error{ position: absolute; right: 0;}


/* 一级首页 */
.index2{ display: flex; justify-content: space-between; width: 1200px; margin: 0 auto; margin-bottom: 60px; margin-top: 18px;}
.index2 .banner { width: 859px; height: 200px; border: solid 1px #eeeeee; position: relative; overflow: hidden;}
.index2 .main { width: 859px; min-height: 498px; background-color: #ffffff; border: solid 1px #eeeeee; margin-top: 15px; position: relative;}
.index2 #echarts{width: 720px; height:360px; margin:20px auto 0 auto;}
.index2 .right{width: 324px;background-color: #ffffff;border: solid 1px #eeeeee; position: relative;}
.index2 .right .info{ padding: 22px 36px; color: #8d8d8d; margin-bottom: 10px;}
.index2 .right .info p{ line-height: 24px; margin: 8px 0;}
.index2 .right .info p span{ margin-right: 8px; color: #333;}
.index2 .right .info p span:nth-child(2){ color: #8d8d8d;}
.index2 .right .notice .title{ width: 100%;  display: flex; justify-content: flex-start; align-items: center; padding-left: 40px; color: #282828; font-size: 16px; margin-bottom: 10px;}
.index2 .right .notice .title::before{ content: ''; width: 5px; height: 18px; background: #fb4236; margin-right: 9px;}
.index2 .right .notice ul li{ width: 258px; height: 40px; display: block; border-bottom: 1px dashed #e4e4e4; color: #282828; font-size: 14px; line-height: 40px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.index2 .right .notice ul li a:hover{ color: #fb4236;}
.index2 .right .notice ul{ padding-left: 40px;}
.index2 .right .btn-noticeMore{ float: right; margin-right: 23px; margin-top: 8px; }
.index2 .right .btn-noticeMore:hover{ color: #fb4236;}
/* 轮播 */
.index2 .banner .hd{ height:15px; overflow:hidden; position:absolute; width: 100%; bottom:5px; z-index:1; }
.index2 .banner .hd ul{ overflow:hidden; zoom:1; display: flex; justify-content: center; }
.index2 .banner .hd ul li{ float:left; margin-right:2px;  width:9px; height:9px; border-radius: 999px; text-align:center; background:#fff; cursor:pointer; margin: 0 8px; }
.index2 .banner .hd ul li.on{ background:#fb4236; color:#fff; }
.index2 .banner .bd{ position:relative; height:100%; z-index:0; }
.index2 .banner .bd li{ zoom:1; vertical-align:middle; }
.index2 .banner .bd img{ width:859px; height:200px; display:block; }
.index2 .quickLink{ width: 671px; margin: 0 auto; border-bottom: 1px solid #eee; padding: 40px 0 30px 0; display: flex; justify-content: flex-start;}
.index2 .quickLink .btn-add{ display: flex; width: 25px; height: 25px; justify-content: center; align-items: center; border: 1px solid #e5e5e5; }
.index2 .quickLink .btn-add::before{ content: '+'; font-size: 24px; font-weight: bold; color: #b2b2b2; margin-top: -3px;}
.index2 .quickLink .linkItems{ display: inline-flex; height: 25px; justify-content: center; align-items: center; font-size: 14px; color: #333; padding: 0 12px; background: #fafbfc; border: 1px solid #f5f6f9; margin: 0 4px;}
.index2 .quickLink .linkItems:hover{ background: #f1f1f1;}
.index2 .ad{ width: 299px; height: 115px; position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; }
.index2 .main .generalize .generalize_text{font-size: 16px;float: left;line-height: 42px;}
.index2 .main .generalize{margin: 35px 0 0 25px;}
.index2 .main .generalize .generalize_text::before{content: '';float: left;width: 5px;height: 20px;background: #fb4236;margin:12px 10px 0 0;}
.index2 .main .generalize .codetask-text{float: left;padding-left:50px;font-size: 14px;}
.index2 .main .generalize .codetask-text input{width: 180px;height: 42px;line-height: 42px;outline: none;border:1px solid #f0f0f0;margin: 0 22px 0 15px;font-size: 14px;padding: 0 15px;}
.index2 .main .generalize .fama_date{position: relative;float: left;margin-left:50px;}
.index2 .main .generalize .fama_date::before {content: '';display: block;width: 19px;height: 16px;background: url(images/icons.png);position: absolute;top: 14px;left:52px;background-position: -23px -26px;background-size: 1200px 500px;}
.index2 .main .generalize .fama_date input {width:200px;height: 42px;border: 1px solid #f0f0f0;margin:0 15px 0 15px;font-size: 14px;padding:0 10px 0 30px;outline: none;text-align: left;}
.index2 .main .generalize .inquire_btn{float: left;background: #fb4236;color: #fff;width: 80px;border-radius: 3px;border: none;line-height: 42px;}
.index2 .main .data_list{margin: 55px 0;}
.index2 .main .data_list li{margin: 55px 0;position:relative;border-right: 1px solid #e5e5e5;width: 205px;padding-left: 80px;float: left;}
.index2 .main .data_list li:nth-child(3n){border:none;}
.index2 .main .data_list li i{background:url("images/icons.png");background-size: 1200px 500px;width: 50px;height: 50px;display: block;float: left;margin-right: 15px;}
.index2 .main .data_list li i.icons01{background-position:0 -184px;}
.index2 .main .data_list li i.icons02{background-position:-62px -184px;}
.index2 .main .data_list li i.icons03{background-position:-120px -184px;}
.index2 .main .data_list li i.icons04{background-position:-177px -184px;}
.index2 .main .data_list li i.icons05{background-position:-232px -184px;}
.index2 .main .data_list li i.icons06{background-position:-288px -184px;}
.index2 .main .data_list li .text{font-size: 14px;color: #4a4a4a;padding-bottom: 15px;}
.index2 .main .data_list li .num{font-size: 24px;line-height: 1;}





/* 模板配置 */
.template_confi{width: 990px;height:860px;position: relative; background: #fff;}
.template_confi2{width: 990px;height:auto;position: relative; background: #fff;}
table.template_list tr td:last-child{ display:flex; justify-content:center; align-items:center; height:5.6vh}
.template_confi .title{font-size: 26px;width: 100%;height: 48px;border-bottom: 1px solid #f0f0f0;margin: 0;}
.template_confi .title span{font-size:16px;float: right;padding-top: 10px;cursor: pointer;}
.template_confi .title span:hover{ color: #fb4236;}
.template_confi .Inquire{font-size: 16px;padding:3vh 0;margin: 0}
.template_confi .Inquire input{width: 150px;height: 42px;border:1px solid #f0f0f0;margin:0 15px;font-size: 14px;padding: 0 15px;outline: none;}
.template_confi .filter-text .filter-title{ margin: 0;}
.template_confi .cell label{ margin-right: 15px;}
.template_confi .cell{ margin-right: 15px;}
.template_confi .Inquire span{background:#fb4236;color:#fff;border-radius:5px;height:32px;display:inline-flex;line-height: 32px;position: relative;padding: 0 20px 0 30px;cursor: pointer; margin-top: 6px;}
.template_confi .Inquire span::before{content: '';background:url("images/icons.png");width:17px;height: 17px;background-size: 1200px 500px;background-position: 0 -26px;position: absolute;left: 12px;top:8px;}
.template_confi table{border:1px solid #f0f0f0;width: 100%;overflow: hidden;}
.template_confi table tr:first-child{background: #f0f0f0;color:#6b6b6b;height: 5vh;font-weight: bold;font-size: 18px;}
.template_confi table tr{height:5.5vh;font-size: 16px;text-align: center;color: #222222;}
.template_confi table tr th{font-size: 16px;}
.template_confi table tr td{border-bottom: 1px solid #f0f0f0;font-size: 14px;}
.template_confi table tr th:first-child{width: 205px;}
.template_confi table tr th:nth-child(2){width:435px;}
.template_confi table tr th:nth-child(3){width:150px;}
.template_confi table tr th:nth-child(4){width:165px;}
.template_confi table tr th:last-child{width:165px;}
.template_confi table tr td:first-child{width: 205px;}
.template_confi table tr td:nth-child(2){width:435px;}
.template_confi table tr td:nth-child(3){width:150px;}
.template_confi table tr td:nth-child(4){width:165px;}
.template_confi table tr td:last-child{width:165px;}
.template_confi table tr td:last-child span{background: #bfbfbf;color: #fff;width: 60px;height: 25px;display: block;line-height: 25px;border-radius:3px;cursor: pointer;float: left; margin: 0 5px;}
.template_confi table tr td:last-child span:hover{ background: #fb4236;}
.template_confi table tr td .detail_btn{margin-right: 5px;margin-left: 15px;}
.add_model,.template_detail{position: fixed;top:0;left: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.74);z-index: 99;display: none;}
.template_con .content{ padding-top: 2px;}
.add_model .smstemplate{position: absolute;top:50%;left:50%;width:697px;height: 440px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background: #fff;border-radius:10px; padding-bottom: 20px;}
.add_model .smstemplate .close_btn{background:url("images/icons.png");width:16px;height:16px;background-size: 1200px 500px;background-position: 0 -49px;position: absolute;right:30px;top:30px;z-index: 9;cursor: pointer;}
.add_model .smstemplate .template_title{font-size: 18px;text-align:center;padding: 55px 0 40px;}
.add_model .smstemplate .template_con{width: 455px;margin: auto;line-height: 42px;padding-bottom: 20px;}
.add_model .smstemplate .template_con label{float: left;width:80px;text-align: right;font-size: 14px;}
.add_model .smstemplate .template_con input{width:360px;height: 38px;float: left;border:1px solid #f0f0f0;margin: 0;padding:0 5px; text-indent: 10px;}
.add_model .smstemplate .template_con textarea{width: 340px;height:100px;border:1px solid #f0f0f0;margin: 0;padding:15px 15px;}
.add_model .smstemplate .float_btn{width: 165px;position: relative;margin: auto;}
.add_model .smstemplate .float_btn .confirm_btn{margin-right: 10px;width:75px;height: 30px;color: #fff;text-align:center;background: #fb4236;border:none;border-radius: 5px;outline: none;cursor: pointer;}
.add_model .smstemplate .float_btn .cancel_btn{width:75px;height: 30px;color: #808080;text-align:center;border:1px solid #f0f0f0;border-radius: 5px;background:none;outline: none;cursor: pointer;}
.add_model .smstemplate .smstemplateTips { font-size: 12px; color: #999; line-height: 20px; margin-left: 200px; margin-top: -30px;  width: 400px; margin-bottom: 20px; }
.template_detail .iphone_bg{background:url("images/iphonebg.jpg");width: 313px;height: 645px;background-size: 313px 645px;position: absolute;top:50%;left: 50%;margin:-322px 0 0 -156px;border-radius:50px;}
.template_detail .iphone_bg .close_btn{background:url("images/icons.png");width:50px;height: 50px;background-position: 0 -71px;background-size: 1200px 500px;position: absolute;top:-50px;right: -50px;z-index: 9;cursor: pointer;}
.template_detail .iphone_bg .detaile_text{font-size: 14px;position: absolute;top: 170px;left: 30px;width: 232px;padding: 10px;background:#efefef;border-radius: 6px;line-height: 18px;}

/* 分页 */
.pagination ul {list-style: none;padding-left: 0;}
.pagination ul li {padding: 0 10px;vertical-align: top;display: inline-block;font-size: 14px;min-width: 36px;min-height: 28px;line-height: 28px;cursor: pointer;box-sizing: border-box;text-align: center;background-color: #ffffff;color: #606266;border-radius: 6px;margin: 0 1px;border: 1px solid #ebebeb;height: 30px;}
.pagination ul li:hover {background-color: #F4F6F8;}
.pagination  li.active {background: #98A6AD;color: white;cursor: not-allowed;}
.pagination li.disabled { cursor: not-allowed;}
.pagination li.totalPage { background: transparent; cursor: default;border: none;padding: 0 6px;}
.pagination li.totalPage:hover {transform: none;background-color: #ffffff;}
.pagination li input {-webkit-appearance: none;background-color: #fff;background-image: none;border-radius: 4px;border: 1px solid #dcdfe6;box-sizing: border-box;color: #606266;display: inline-block;font-size: inherit;outline: none;padding: 3px 5px;transition: border-color .2s cubic-bezier(.645,.045,.355,1);width: 40px;height: 25px;margin: 0 6px;}
.pagination li input:focus{border-color: #98A6AD;}
.pagination{user-select: none;position: absolute;bottom:0;left: 0;}
.pagination ul:nth-child(2){border-radius: 6px;}
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

/*发码中心-发码明细*/
.Code_detail .Inquire .yzm_img{width:87px;display: initial;float: left;margin-right: 10px;height: 44px;}
.Code_detail .Inquire div,.Code_detail .Inquire span{float: left;}
.Code_detail table tr th:first-child{width: 243px;}
.Code_detail table tr th:nth-child(2){width:132px;}
.Code_detail table tr th:nth-child(3){width:112px;}
.Code_detail table tr th:nth-child(4){width:157px;}
.Code_detail table tr th:nth-child(5){width:86px;}
.Code_detail table tr th:nth-child(6){width:133px;}
.Code_detail table tr th:last-child{width:128px;}
.Code_detail table tr td:first-child{width: 243px;}
.Code_detail table tr td:nth-child(2){width:132px;}
/* .Code_detail table tr td:nth-child(3){width:112px;} */
.Code_detail table tr td:nth-child(3){width:157px;}
.Code_detail table tr td:nth-child(4){width:157px;}
.Code_detail table tr td:nth-child(5){width:86px;}
.Code_detail table tr td:nth-child(6){width:133px;}
.Code_detail table tr td:last-child{width:128px;}
.Code_detail .Inquire .fama_date input{font-size: 14px;width: 200px;text-align: left;padding: 0 10px 0 30px;}
.Code_detail .Inquire .fama_date{position: relative;}
.Code_detail .Inquire .fama_date input{margin:0 15px 0 15px;}
.Code_detail .Inquire .fama_date::before{content: '';display: block;width: 19px;height: 16px;background:url("images/icons.png");position: absolute;top:14px;left:88px;background-position:-23px -26px;background-size: 1200px 500px;}

/* 账户信息 */
.accountInfo-sidebarItem01 .main{ width: 100%; border: solid 1px #eeeeee; display: flex; justify-content: flex-start; align-items: flex-start; box-sizing: border-box; border-radius: 5px;}
.accountInfo-sidebarItem01 .info{ width: 50%; border-right: 1px solid #eee; min-height: 410px;}
.accountInfo-sidebarItem01 .info ul{ margin: 25px 0 45px 0;}
.accountInfo-sidebarItem01 .info li{ width: 400px; height: 74px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; font-size: 16px; color: #383838; border-bottom: 1px solid #eee;}
.accountInfo-sidebarItem01 .info .btn-revise { margin-left: auto; color: #ffffff; background: #fa2e21; width:90px; margin-left:16px; height: 33px; display: block; line-height: 25px; border-radius: 3px; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.accountInfo-sidebarItem01 .info li span{ margin-left: 30px;}
.accountInfo-sidebarItem01 .chart{ flex:1;}
.accountInfo-sidebarItem01 #echarts{width: 100%; height:360px; margin:20px auto 0 auto;}
.accountInfo-sidebarItem03 .filter input{ width: 260px;}
.accountInfo-sidebarItem03 .filter .select{ width: 170px;}
.accountInfo-sidebarItem03 .filter .select ul,
.accountInfo-sidebarItem03 .filter .select ul li{ width: 170px;}
.accountInfo-sidebarItem05 .headline a::before,.safe-sidebarItem04 .headline a::before{ content: '';}
.accountInfo-sidebarItem04 .table tr td:nth-child(5){ max-width: 150px; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.checkInvoice .main ul{ padding-top: 20px; padding-bottom: 60px;}
.checkInvoice .main ul li{ width: 530px; margin: 0 auto; min-height: 50px; align-items: flex-start;}
.checkInvoice .main ul li span{ width: 100px;}
.checkInvoice .main ul li p{ flex: 1; color: #666; line-height: 22px; margin-top: -3px;}

.accountInfo-sidebarItem05 .main,.safe-sidebarItem04 .main{ width: 832px; border: 1px solid #eee; margin:0 auto; padding: 20px 0 60px 0; box-sizing: border-box; border-radius: 5px;}
.accountInfo-sidebarItem05 .main ul li,.safe-sidebarItem04 .main ul li{ width: 100%; display: flex; justify-content: flex-start; height: 50px; margin-top: 27px; align-items: center;}
.accountInfo-sidebarItem05 .main ul li span,.safe-sidebarItem04 .main ul li span{ display: flex; width: 255px; justify-content: flex-end; margin-right: 25px;}
.accountInfo-sidebarItem05 .main input,.safe-sidebarItem04 .main input{ border: 0; border-bottom: 1px solid #eee; width: 370px; border-radius: 0; color: #1d1d1d; outline: none;}
.accountInfo-sidebarItem05 .main input::-webkit-input-placeholder,.safe-sidebarItem04 .main input::-webkit-input-placeholder{ color: #aaa;}
.accountInfo-sidebarItem05 .btn-save,.safe-sidebarItem04 .btn-save{ display: none; width: 86px; height: 31px; line-height: 31px; text-align: center; background-color: #fb4236; border-radius: 6px; color: #fff; font-size: 14px; margin: 58px auto 0 auto;}
.applyclientremit_btn{ display: flex; justify-content: center;}
.applyclientremit_btn .confirm_btn {
    width: 157px;
    height: 43px;
    background-color: #fb4236;
    border-radius: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    margin: 40px 10px 66px 0;
    border: 0;
    cursor: pointer;
}
.applyclientremit_btn .cancel_btn {
    width: 157px;
    height: 43px;
    background-color: #bfbfbf;
    border-radius: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    margin: 40px 0 66px 10px;
    border: 0;
    cursor: pointer;
}
.applyclientremit_btn .cancel_btn:hover{ background: #fb4236;}

/*发码任务*/
.code_task{width:  990px;height:860px;position:  relative;  background:  #fff;}
.code_task .filter-box .filter-title {
    width: 410px;
    line-height: 42px;
    height: 42px;
    border: 1px solid #f0f0f0;
    text-indent: 15px;
}
.code_task .filter-box .filter-list {
    width: 410px;
    right: 8px;
    left: auto;
}
.code_task .title{font-size:  26px;width:  100%;height:  48px;border-bottom:  1px  solid  #f0f0f0;margin:  0;}
.code_task .title span{font-size:14px;float:  right;padding:5px  5px;cursor:  pointer;background:  #fb4236;color:#fff;border-radius:5px;margin:10px  10px  0  0;}
.code_task .code_task_content{padding:10px  20px;}
.code_task .title span.path{ float: none; font-size: 14px; background: none; color: #676767; margin-left: 5px;}
.code_task .title span.path em{ color: #fb4236; font-style: normal;}
.code_task .code_task_content .left_task_con{width:515px;float:  left;position:  relative;}
.code_task .code_task_content .left_task_con p{font-size:14px;padding:  30px  0  0;}
.code_task .code_task_content .left_task_con p label{width:95px;font-size:  14px;display:  inline-block;}
.code_task .code_task_content .left_task_con p input{width:  410px;line-height:  42px;height:  42px;border:1px  solid  #f0f0f0;text-indent: 15px;}
.code_task .code_task_content .left_task_con .sel_model{width:  412px;height:  44px;border:1px  solid  #f0f0f0;text-indent: 15px;}
.code_task .code_task_content .left_task_con .sel_model  option{height:  34px;}
.code_task .code_task_content .left_task_con .liquan_add_btn{color:  #78aad9;text-decoration:  none;padding-left:  98px;margin-top:  5px;display:  block;font-size:  12px; float: right;}
.code_task .code_task_content .left_task_con .mini_text{font-size:  12px;color:  #b3b3b3;padding:5px  0  0  100px;}
.code_task .code_task_content .left_task_con .send_text{position:  relative;padding-left:25px;}
.code_task .code_task_content .left_task_con .send_text::before{content:  '';width:  15px;height:  15px; border-radius: 999px; position:absolute;top:3px;left:5px;background:  #eeeeee;}
.code_task .code_task_content .left_task_con .send_text.on::after{content:'';width:  7px;height:  7px; border-radius: 999px;  position:  absolute;top:7px;left:  9px;background:#ef5757;}
.code_task .code_task_content .left_task_con p .demo-input{background:  #eeeeee;width:  348px;margin-left:25px;border:  none;text-indent: 15px;}
.code_task .code_task_content .left_task_con p .SMS_content{width:380px;height:50px;font-size:14px;padding:15px;outline:  none;border:1px  solid  #f0f0f0;}
.code_task .code_task_content .left_task_con p .sms_title{position:  relative;top:  -45px;}
.code_task .code_task_content .left_task_con .create_model{float:  right;padding:3px 5px;color:#78aad9;}
.code_task .code_task_content .slideTxtBox{  width:100%;text-align:left;margin:  30px  0;}
.code_task .code_task_content .slideTxtBox .hd{  height:30px;  line-height:30px;position:relative;margin-bottom:  15px;}
.code_task .code_task_content .slideTxtBox .hd ul{  float:left;  position:absolute;  left:0;  top:0;  height:32px;      }
.code_task .code_task_content .slideTxtBox .hd ul li{  float:left;cursor:pointer;color:#fb4236;margin-right:  30px;}
.code_task .code_task_content .slideTxtBox .hd ul li.on{  height:30px;border-bottom:1px  solid  #fb4236;  }
.code_task .code_task_content .slideTxtBox .bd ul{  zoom:1;    }
.code_task .code_task_content .slideTxtBox .bd li{line-height:30px;font-size:  14px;position:  relative;}
.code_task .code_task_content .slideTxtBox .bd li label{width:100px;font-size: 14px;display: inline-block;}
.code_task .code_task_content .slideTxtBox .bd li input{height:  42px;width:  410px;text-indent: 15px;outline: none;border:1px solid #f0f0f0;}
.code_task .code_task_content .slideTxtBox .bd li .date{ float:right; color:#999;  }
.code_task .code_task_content .slideTxtBox .bd li .Bulk_upload{width:190px;margin-left: -5px;}
.code_task .code_task_content .slideTxtBox .bd li .file_up{width:110px;opacity: 0;position: absolute;top:0;right: 100px;z-index: 2;height: 40px;margin: 0;outline: none;filter:alpha(opacity:0); -moz-opacity:0;-khtml-opacity:0;}
.code_task .code_task_content .slideTxtBox .bd li .upload_btn{float: right;width: 100px;color:#78aad9;line-height: 40px;background:#fff;border:1px solid #eee;margin:0 3px;}
.code_task .code_task_content .slideTxtBox .bd li .mini_text{width: 300px;display: block;}
.code_task .code_task_content .slideTxtBox .bd li .mini_text a{color:#78aad9;font-size: 12px;}
.code_task .code_task_content .slideTxtBox .bd li .Add_recipient{color: #78aad9;display: block;text-align: right;font-size: 12px;padding-right:5px;}
.code_task .code_task_content .right_con.right_con{float: right;margin-right:60px;}
.code_task .code_task_content .right_con.right_con .subtitle{font-size:16px;position: relative;padding-left: 15px;margin: 30px 5px;}
.code_task .code_task_content .right_con.right_con .subtitle::before{content: '';position:absolute;top:0;left: 0;width: 5px;height: 100%;background:#fb4236;}
.code_task .code_task_content .right_con .iphone_con{font-size: 16px;position: absolute;top: 160px;left: 30px;padding:10px 10px 15px;width: 233px;background: #efefef;border-radius: 5px;max-height: 370px;overflow-y:auto;overflow-x: hidden;color:#6d6d6d;}
.code_task .code_task_content .right_con .iphone_bg{background:url("images/iphonebg.jpg");width: 313px;height:645px;background-size: 313px 645px;position: relative;}
.code_task .code_task_content .Import_result{width:510px;border:1px solid #eee;position: relative;}
.code_task .code_task_content .Import_result .result_title{line-height: 42px;padding: 0 15px;background: #f0f0f0;}
.code_task .code_task_content .Import_result .result_title span{color: #fb4236;}
.code_task .code_task_content .Import_result .result_title .empty_btn{float: right;text-align: right;position: relative;cursor: pointer;border-left: 1px solid #eee;width:60px;}
.code_task .code_task_content .Import_result .result_title .empty_btn::before{content: '';background:url("images/icons.png");background-size: 1200px 500px;width: 15px;height: 16px;background-position:-23px -48px;position: absolute;top:12px;right: 30px;}
.code_task .code_task_content .Import_result .result_name{padding: 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;line-height: 40px;}
.code_task .code_task_content .Import_result .result_name span{font-size: 14px;text-align: center;display: block;float: left;}
.code_task .code_task_content .Import_result .result_name span:first-child{width:80px;}
.code_task .code_task_content .Import_result .result_name span:nth-child(2){width:240px;}
.code_task .code_task_content .Import_result .result_name span:last-child{width:185px;}
.code_task .code_task_content .Import_result ul li{line-height: 42px;border-bottom:1px solid #f0f0f0;text-align: center;}
.code_task .code_task_content .Import_result ul li::after{content:'';clear: both;display: block;}
.code_task .code_task_content .Import_result ul li span{font-size: 14px;display: block;float: left;}
.code_task .code_task_content .Import_result ul li span:first-child{width:80px;}
.code_task .code_task_content .Import_result ul li span:nth-child(2){width:240px;}
.code_task .code_task_content .Import_result ul li span:last-child{width:185px;cursor: pointer;}
.code_task .code_task_content .Import_result .famapagination .whj_jqueryPaginationCss-5 div{float: left;height: 42px;font-size: 14px;line-height: 42px;padding:0 10px;cursor: pointer;}
.code_task .code_task_content .Import_result .famapagination .whj_jqueryPaginationCss-5 div:last-child{float: right;padding-right: 10px;}
.save_btn{background: #fb4236;color: #fff;width: 100px;height: 30px;text-align: center;border: none;border-radius:5px;outline: none;position:relative;display: block;margin:40px auto;cursor: pointer;}
.left_task_con .cell label{width:95px;font-size:  14px;display: block; float: left; line-height: 42px;}
.left_task_con .cell .select{ float: left; width: 415px; margin-right: 0;}
.left_task_con .cell .select li,.left_task_con .cell .select ul{ width: 415px; max-height: 500px; overflow: hidden; overflow-y: auto; }
.left_task_con .cell{ padding-top: 30px; padding-bottom: 4px;}


/* 安全中心 */
.safeMain { width: 866px; background-color: #ffffff; border-radius: 5px; border: solid 1px #eeeeee; margin: 0 auto; padding: 20px 0 60px 0;}
.safeTitle{ font-size: 18px; color: #383838; text-align: center; margin: 40px 0 30px 0;}
.safeForm li { width: 100%; min-height: 78px; display: flex; justify-content: flex-start; align-items: center; font-size: 14px;}
.safeForm li span{ display: flex; width: 238px; display: flex; justify-content: flex-end; color: #1d1d1d; margin-right: 25px;}
.safeForm li input{ width: 388px;}
.safeMain .btn { width: 132px; height: 35px; background-color: #fb4236; border-radius: 8px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 14px; margin: 23px auto 0 auto;}
.codeOnOff{ width: 82px; height: 24px; float: right; margin-right: 214px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; position: relative; z-index: 9;}
.codeOnOff .icon{width: 51px; height: 24px; display: flex; justify-content: center; align-items: center; position: relative;}
.codeOnOff .icon::before{ content: ''; width: 51px; height: 19px; background: url(images/icon.png); background-size: 1200px 600px; background-position: -84px 0;}
.codeOnOff .icon::after{ content: ''; width: 24px; height: 24px; background: url(images/icon.png); background-size: 1200px 600px; background-position: -150px 0; position: absolute; right: 0; top: 0; z-index: 100; transition: all .25s linear;}
.codeOnOff .icon.open::after {  right: 26px;}
.codeOnOff .state{ color: #575757; font-size: 14px; }
.safeForm.unClick{ opacity: .5;}
.safeForm.unClick a{ pointer-events: none;}
.safeForm .tips{ font-size: 12px; color: #fb4236; margin-left: 268px; display: none;}
.commonApply .state { width: 987px; padding: 0 18px; box-sizing: border-box; height: 58px; background-color: #fafbfc; border: solid 1px #eeeeee; margin-bottom: 52px; display: flex; justify-content: space-between; align-items: center;}
.commonApply .state .currentState{ display: flex; justify-content: flex-start; align-items: center; font-size: 16px; color: #2f2f2f;}
.commonApply .state .currentState::before{ content: ''; display: flex; width: 40px; height: 40px; background: url(images/icon.png); background-size: 1200px 600px; margin-right: 16px; background-position: -184px 0;}
.commonApply .introduce .title{ color: #2f2f2f; font-size: 16px; height: 19px; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 16px; }
.commonApply .introduce .title::before{ content: ''; display: flex; width: 6px; height: 19px; margin-right: 8px; background: #fb4236;}
.commonApply .introduce p{ color: #8b8b8b; font-size: 14px; line-height: 28px; margin-left: 14px;}
.commonApply .btn{ background: #fb4236;}
.btn-bind { width: 65px; height: 27px; background-color: #bfbfbf; border-radius: 6px;display: flex; justify-content: center; align-items: center; font-size: 14px; color: #fff; margin: auto; cursor: pointer;}
.btn-bind:hover{ background: #fb4236;}
.bindNewUsers .tab .bd ul{ padding: 25px 60px; display: flex; justify-content: space-between; width: 100%; box-sizing: border-box;}
.bindNewUsers .tab .bd ul .code { width: 208px; height: 218px; border: solid 1px #f0f0f0; display: flex; justify-content: center; align-items: center;}
.bindNewUsers .tab .bd ul .code img{ max-width: 80%; max-height: 80%;}
.bindNewUsers .tab .bd ul p{ display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 60px 0;}
.bindNewUsers .tab .bd ul p span{ color: #454545; font-size: 16px;}
.bindNewUsers .tab .bd ul p span.bold{ font-weight: bold; color: #2d2d2d; font-size: 16px;}

/* 商品中心 */
.goodsIframe{ height: 820px;}
.goodsMain{ width: 100%; box-sizing: border-box; margin-top: -30px;}
.goodsMain .topCell{ width: 100%; display: flex; justify-content: space-between; align-items: flex-start; position: relative; padding: 15px 0 5px 0;}
.goodsMain .filterItems{ width: 690px; display: flex; justify-content: flex-start; align-items: flex-start;}
.goodsMain .filterItems p{ font-size: 14px; height: 34px; color: #8f8f8f; display: flex; justify-content: flex-start; align-items: center; }
.goodsMain .filterItems p::after{ content: ''; display: flex; width: 7px; height: 15px; background: url(images/icon.png); background-size: 1200px 600px; background-position: -57px -23px; margin-left: 6px;}
.goodsMain .filterItems .itemsWrap{ width: 595px; margin-left: auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.goodsMain .filterItems .itemsWrap a{padding: 0 14px; height: 32px; background-color: #f3f3f3; border-radius: 2px; border: solid 1px #e5e5e5; display: flex; justify-content: center; align-items: center; color: #fb4236; font-size: 14px; margin: 0 6px 10px 0;}
.goodsMain .filterItems .itemsWrap a::after{ content: '×'; font-size: 18px; color: #fb4236; margin-left: 10px;}
.goodsMain .topCell .search{ flex: 1; display: flex; justify-content: flex-end; align-items: center; margin-bottom: 11px;}
.goodsMain .topCell .search p{ font-size: 14px; color: #4a4a4a; }
.goodsMain .topCell .search input{width: 158px;	height: 31px; color: #4a4a4a; background-color: #ffffff; border-radius: 2px; border: solid 1px #eeeeee; text-indent: 10px; margin: 0 12px;}
.goodsMain .topCell .search input::-webkit-input-placeholder{ color: #999;}
.goodsMain .topCell .search .btn-search { width: 69px; height: 31px; background-color: #fb4236; border-radius: 6px; display: flex; justify-content: center; align-items: center; font-size: 14px; color: #fff; }
.goodsMain .goodsWrap { width: 100%; height: 600px; background-color: #ffffff; border: solid 1px #eeeeee; box-sizing: border-box; position: relative;}
.goodsMain .brandsFilter{ width: 100%; background: #f9f9f9; border-bottom: 1px solid #eee; position: relative; z-index: 9;}
.goodsMain .brandsFilter p{ font-size: 14px; color: #363636; position: absolute; left: 20px; top: 20px; z-index: 2;}
.goodsMain .brandsFilter .brands { position: absolute; padding-left: 16px; text-indent: 82px; width: 100%; padding-top: 8px; padding-right: 100px; background: #f5f5f5; height: 94px; overflow: hidden; box-sizing: border-box;}
.goodsMain .brandsFilter .brands.moreOpen{ height: auto; overflow: auto; padding-bottom: 6px; border-bottom: 1px solid #eee;}
.goodsMain .brandsFilter .brands a { padding: 0 14px; height: 26px; background-color: #ffffff; border-radius: 2px; border: solid 1px #eeeeee; display: inline-flex; justify-content: center; align-items: center; color: #797979; font-size: 14px; text-indent: 0; margin: 6px 3px;}
.goodsMain .brandsFilter .brands a.on{ background-color: #fb4236;height: 25px; border-radius: 2px; border: solid 1px #fb4236; color: #fff;}
.goodsMain .btn-brandsMore{ display: flex; width: 27px; height: 19px; background: url(images/icon.png); background-size: 1200px 600px; background-position: -72px -23px; position: absolute; bottom: 22px; right: 26px; transition: transform .25s linear; cursor: pointer;}
.goodsMain .btn-brandsMore.arrowDown{ transform: rotate(180deg);}
.goodsMain ul.goodsList{ width: 100%; height: 490px; position: absolute; bottom: 13px; left: 0; padding: 15px 0 0 15px; box-sizing: border-box;}
.goodsMain ul.goodsList li a{ display: flex; width: 303px; height: 101px; background: url(images/icon.png); background-size: 1200px 600px; background-position: 0 -114px; margin: 8px; float: left; position: relative;}
.goodsMain ul.goodsList li .goodsPic{ display: flex; width: 60px; height: 56px; justify-content: center; align-items: center; position: absolute; top: 20px; left: 2px; border-right: 1px solid #eee; }
.goodsMain ul.goodsList li .goodsPic img{ max-width: 80%; max-height: 80%;}
.goodsMain ul.goodsList li .goodsName{ font-size: 14px; color: #616161; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 120px; height: 22px; position: absolute; /*top: 27px;*/ top:40px; left: 75px;}
.goodsMain ul.goodsList li .goodsTag{ display: none; font-size: 14px; color: #616161; width: 120px; height: 22px; position: absolute; top: 50px; left: 75px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.goodsMain ul.goodsList li .price{ font-size: 18px; width: 95px; display: flex; justify-content: center; position: absolute; right: 0; top: 25px; align-items: flex-end;}
.goodsMain ul.goodsList li .price b{ font-size: 12px; font-style: normal; margin-bottom: 1px; margin-left: 2px;}
.goodsMain ul.goodsList li .check{ display: flex; justify-content: flex-start; align-items: center; font-size: 12px; position: absolute; bottom: 26px; right: 29px; color: #616161; }
.goodsMain ul.goodsList li .check::after{ content: ''; display: flex; width: 7px; height: 14px; background: url(images/icon.png); background-size: 1200px 600px; background-position: -57px -23px; margin-left: 4px;}

.goodsMain .info{ width: 100%; height: 334px; position: relative; border-bottom: 1px solid #ececec;}
.headline>.path{position: absolute; font-style: normal; font-size: 14px; left: 108px; bottom: 10px; }
.headline>.path .back{ font-size: 14px; }
.headline>.path .back::before{ content: '';}
.headline>.path em{ font-style: normal; color: #fb4236;}
.goodsMain .info .pic{ width: 185px; height: 185px; border: 1px solid #eee; display: flex; justify-content: center; align-items: center; position: absolute; left: 46px; top: 78px;}
.goodsMain .info .pic img{ max-width: 80%; max-height: 80%;}
.goodsMain .info .goodsName{ font-size: 16px; color: #343434; position: absolute; left: 283px; top: 80px;}
.goodsMain .info .price{ font-size: 14px; color: #343434; position: absolute; left: 283px; top: 128px;}
.goodsMain .info .settleAccounts {font-size: 14px; color: #343434; position: absolute; left: 283px; top: 165px;}
.goodsMain .info .btn-goods { width: 167px; height: 40px; background-color: #eeeeee; border-radius: 2px; display: flex; justify-content: center; align-items: center; font-size: 14px; color: #343434; position: absolute; top: 225px;}
.goodsMain .info .btn-goods:hover{ background: #fb4236; color: #fff;}
.goodsMain .info .btn-goods01 { left: 283px;}
.goodsMain .info .btn-goods02 { left: 484px;}
.goodsMain .textPanel{ margin-left: 44px;}
.goodsPage,.codeDetailPage { width: 100%; position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; display: flex; justify-content: flex-start; align-items: center; margin-left: -1px;}
.codeDetailPage {position: relative; bottom: 15px; margin-top: 26px;}
.goodsPage .whj_jqueryPaginationCss-5 div,.codeDetailPage .whj_jqueryPaginationCss-5 div{float: left;height: 42px;font-size: 14px;line-height: 42px;padding:0 10px;cursor: pointer; color: #606266; height: 28px;border-radius: 4px; padding: 0 6px; border: solid 1px #ebebeb; display: flex; justify-content: center; align-items: center; margin: 0 1px;}
.goodsPage .whj_jqueryPaginationCss-5 div:hover,.codeDetailPage .whj_jqueryPaginationCss-5 div:hover{background-color: #F4F6F8;}
.goodsPage .whj_jqueryPaginationCss-5 div:last-child,.codeDetailPage .whj_jqueryPaginationCss-5 div:last-child{float: right;padding-right: 10px; cursor: text; border: 0;}
.goodsPage .whj_jqueryPaginationCss-5 div:last-child:hover,.codeDetailPage .whj_jqueryPaginationCss-5 div:last-child:hover{ color: #626262; background: none;}


/* 礼券记录 */
.couponRecord-sidebarItem01 .searchTips{ font-size: 14px; color: #a7a7a7; margin-right: 20px;}
.btn-green { width: 37px; height: 22px; background-color: #ffffff; border-radius: 4px; border: solid 1px #338f2e; display: inline-flex; justify-content: center; align-items: center; font-size: 14px; color: #338f2e; margin: 0 4px;}


/* 发码详情 */
.detailModel .info { width: 636px; background-color: #ffffff; border: solid 1px #eeeeee; padding: 20px 0; margin:0 auto; display: flex; justify-content: flex-start; align-items: center;}
.detailModel .info .pic{ display: flex; width: 72px; height: 72px; justify-content: center; align-items: center; margin: 0 7px;}
.detailModel .info .pic img{width: 80%;}
.detailModel dl.infos{ width: 402px; height: 73px; border-left: 1px solid #eee; border-right: 1px solid #eee; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-around; padding: 30px 0; box-sizing: border-box; padding-left: 20px;}
.detailModel dl.infos dd{ display: flex; justify-content: flex-start; align-items: center; margin: 8px 0; font-size: 14px;}
.detailModel dl.infos dd span{ color: #959595; margin-right: 16px;}
.detailModel dl.infos dd p{ color: #272727; width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.detailModel .sent{ display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center;}
.detailModel .sent p{ color: #222; margin: 5px 0; display: flex; align-items: center;}
.detailModel .sent p::before{ content: ''; display: flex; width: 17px; height: 17px; background: url(images/icon.png); background-size: 1200px 600px; background-position: -298px 0; margin-right: 2px;}
.detailModel .sent a{ color: #fb4236; margin: 5px 0;}
.detailModel .sent a:hover{ text-decoration: underline;}
/* tab */
.tab{ width:636px; margin: 32px auto 0 auto; position: relative;}
.tab .hd{ height:32px; line-height:32px;   border-bottom:1px solid #eee; }
.tab .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
.tab .hd ul li{ float:left; width: 110px; height:32px; min-height: auto; display: flex; justify-content: center; align-items: center; cursor:pointer;  }
.tab .hd ul li span{ display: flex; justify-content: center; border-bottom:2px solid #fff;}
.tab .hd ul li.on span{ border-bottom:2px solid #fb4236; color: #fb4236; }
.detailModel .tab .bd dl{ margin-bottom: 70px; padding-top: 16px;}
.detailModel .tab .bd dl.detailInfo dd{ width: 100%; height: 40px; display: flex; justify-content: flex-start; align-items: flex-start; font-size: 14px; color: #222; margin: 0; padding: 0; }
.detailModel .tab .bd dl.detailInfo dd span{ color: #7d7d7d; display: flex; width: 98px; justify-content: flex-end; align-items: center;}
.detailModel .tab .bd dl.detailInfo dd p{ flex: 1; }
.detailModel .detailRecord{ width: 636px; border-bottom: 1px solid #eee; text-align: center; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 14px;}
.detailModel .detailRecord tr{ width: 636px; display: flex; justify-content: flex-start; align-items: center;}
.detailModel .detailRecord tr th{ height: 37px; background: #f3f3f3; display: flex; flex: 1; justify-content: center; align-items: center; color: #5b5b5b;}
.detailModel .detailRecord tr td{ height: 37px;  display: flex; flex: 1; justify-content: center; align-items: center; color: #424242;}
.detailModel .main #pagination{ margin-bottom: 20px; margin-top: 10px;}
.wechatCodeDetail .tips{ width: 100%; height: 53px; display: flex; justify-content: flex-start; align-items: center; font-size: 14px; color: #6d6d6d; background: #f3f3f3; margin-top: 18px; text-indent: 10px;}
.wechatCodeDetail .btn-download { background: #fb4236; color: #fff; width: 100px; height: 30px; text-align: center; border: none; border-radius: 5px; outline: none; position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 13px 0 450px 0;}
.wechatCodeDetail .bd ul:first-child{margin-top:14px; display: flex; justify-content: space-between; align-items: flex-start; position: relative; width: 100%;}
.wechatCodeDetail .bd ul:first-child #pagination2{ position: absolute; bottom: 20px; left: 0;}
.wechatCodeDetail .left{ width: 290px; height: 420px;}
.wechatCodeDetail .left table,.wechatCodeDetail .left table tr{ width: 290px}
.wechatCodeDetail .left table tr th{ display: block; flex: none; line-height: 42px;}
.wechatCodeDetail .left .col{ color: #424242; font-size: 12px; display: flex; justify-content: center;}
.wechatCodeDetail .left .col:nth-child(1),.wechatCodeDetail .left table tr th:nth-child(1){ width: 38px;}
.wechatCodeDetail .left .col:nth-child(2),.wechatCodeDetail .left table tr th:nth-child(2){ width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wechatCodeDetail .left .col:nth-child(3),.wechatCodeDetail .left table tr th:nth-child(3){ flex: 1;}
.wechatCodeDetail .left .col img{ width: 33px; height: 33px;}
.wechatCodeDetail .left .row{ display: flex; justify-content: flex-start; align-items: center; height: 45px;}
.wechatCodeDetail .right{ width: 330px; height: 420px; background: #f5f5f5; padding-top: 53px; position: relative;}
.wechatCodeDetail .right .qrcodeWrap{ width: 213px; height: 209px; background: url(images/qrcode.png); background-size: contain; position: absolute; left: 0; right: 0; top: 73px; margin: auto; display: flex; justify-content: center; align-items: center;}
.wechatCodeDetail .right .qrcodeWrap img{ width: 143px; height: 143px;}
.wechatCodeDetail .right p{ font-size: 14px; color: #5b5b5b; line-height: 36px; text-align: center; width: 100%; margin-top: 240px;}
.wechatCodeDetail .bd ul { height: 450px;}

/* 发码任务列表 */
.code_task_list{width: 990px; height: auto; padding-bottom: 100px; position: relative;background: #fff;}
.code_task_list .Inquire .yzm_img{width:87px;display: initial;float: left;margin-right: 10px;height: 44px;}
.code_task_list .Inquire div,.code_task_list .Inquire span{float: left;}
.code_task_list .Inquire .cell label{float: left;line-height: 40px;}
.code_task_list table tr th:first-child{width: 100px;}
.code_task_list table tr th:nth-child(2){width:220px;}
.code_task_list table tr th:nth-child(3){width:100px;}
.code_task_list table tr th:nth-child(4){width:95px;}
.code_task_list table tr th:nth-child(5){width:95px;}
.code_task_list table tr th:nth-child(6){width:95px;}
.code_task_list table tr th:nth-child(7){width:135px;}
.code_task_list table tr th:last-child{width:157px;}
.code_task_list table tr td:first-child{width: 170px;}
.code_task_list table tr td:first-child img{width:42px;margin: auto;}
.code_task_list table tr td:nth-child(2){width:360px;}
.code_task_list table tr td:nth-child(3){width:170px;}
.code_task_list table tr td:nth-child(4){width:85px;}
.code_task_list table tr td:nth-child(5){width:85px;}
.code_task_list table tr td:nth-child(6){width:85px;}
.code_task_list table tr td:nth-child(7){width:125px;}
.code_task_list table tr td:nth-child(8){width:70px;}
.code_task_list table tr td:last-child{width:157px; display: flex; justify-content: center; height: 5.5vh; align-items: center;}
.code_task_list table tr td .Review_btn{margin: 0 5px 0 18px;}
.code_task_list .min_title{font-size:14px;padding-left:10px;}
.code_task_list .creat_fama{font-size: 14px!important;}
.code_task_list .Inquire .fama_date input{font-size: 14px;width: 200px;text-align: left;padding: 0 10px 0 30px;}
.code_task_list .Inquire .fama_date{position: relative;}
.code_task_list .Inquire .fama_date input{margin:0 15px 0 15px;}
.code_task_list .Inquire .fama_date::before{content: '';display: block;width: 19px;height: 16px;background:url("images/icons.png");position: absolute;top:14px;left:88px;background-position:-23px -26px;background-size: 1200px 500px;}
.code_task_list .rw_pagination{display: inline-block;padding: 5px;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;position: absolute;bottom:0;left: 0;}
.code_task_list .rw_pagination div{display: inline-block;vertical-align: bottom;height: 24px;line-height: 24px;}
.code_task_list .rw_pagination .whj_padding{padding: 1px 9px;}
.code_task_list .rw_pagination .whj_bgc{color: #000;}
.code_task_list .rw_pagination .whj_border{border: 1px solid #f0f0f0;}
.code_task_list .rw_pagination .whj_color{color: #000;}
.code_task_list .rw_pagination .whj_hover:hover{background-color: #98A6AD;color: #fff;cursor: pointer;}
.code_task_list .rw_pagination .whj_checked{background-color: #98A6AD;color: #fff;}
.code_task_list .rw_pagination .whj_hoverDisable{opacity: 0.5;}
.code_task_list .rw_pagination select{height: 28px;vertical-align: bottom;padding: 0px;outline: none;}
.code_task_list .rw_pagination input{padding: 0px;height: 26px;outline: none;text-align: center;width: 60px;vertical-align: bottom;}
.code_task_list .rw_pagination div,.whj_jqueryPaginationCss-4 input,.whj_jqueryPaginationCss-4 select{margin:0 2px;}

/* 消息中心 */
.message .iframeContent .btn { background: #fb4236;}
.message tr th:first-child,.message tr td:first-child{ text-align: left; padding-left: 18px;}
.message tr th:first-child{ padding-left: 43px;}
.message .msgList li{ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; min-height: 46px; border-bottom: 1px solid #eee; position: relative; color: #222; font-size: 14px;}
.message .msgList li .row{ display: flex; justify-content: flex-start; align-items: center; width: 100%;}
.message .msgList .badge,.message .msgList .unreadMsg{ display: inline-flex; width: 6px; height: 6px; background: #dcdcdc; border-radius: 999px; margin-right: 20px;}
.message .msgList .unreadMsg{ background: #fb4236;}
.message .msgList li:hover{ background: #fff0ef; cursor: pointer;}
.message .msgList .arrow{ display: inline-flex; width: 9px; height: 5px; background: url(images/icon.png); background-size: 1200px 600px; background-position: -326px 0; margin-left: 50px; transition: all .25s linear;}
.message .msgList .on{ background: #fff0ef;}
.message .msgList .on .arrow{ transform: rotate(180deg);}
.message .msgList .on .msgMore{ display: block;}
.message .msgList .msgMore{display: none; min-height: 56px; background: #fff0ef; width: 100%; padding-left: 47px; padding-bottom: 30px; padding-right: 47px; box-sizing: border-box; color: #777; font-size: 12px; line-height: 20px;}
.message .msgList li .col{ min-height: 46px; display: flex; align-items: center;}
.message .msgList li .col:first-child{ width: 550px; border-right: 1px solid #eee; border-left: 1px solid #eee; display: flex; justify-content: flex-start; padding-left: 18px;}
.message .msgList li .col:nth-child(2){ width: 193px; border-right: 1px solid #eee; display: flex; justify-content: center;}
.message .msgList li .col:nth-child(3){ flex: 1; display: flex; border-right: 1px solid #eee; justify-content: space-around; padding: 0 20px;}
.iframeWrap.message,.message .sidebarItem{ height: auto;}
.message .pagination{ position: relative; margin: 20px 0 50px 0;}
.MsgBadge{ display: inline-flex; background: #fb4236; border-radius: 9999px; width: 17px; height: 17px; justify-content: center; align-items: center; font-size: 12px; margin-top: -18px; margin-left: 3px; color: #fff;}

/*定制化服务*/
.applyForService .model .note span{ margin-top: 16px; }
.applyForService .model .main ul li.note textarea{ height: 44px; }
.applyForService .model ul li{ min-height: 48px;}
.applyForService .model ul li b{ font-style: normal; color: #fb4236; font-weight: bold; margin-left: 5px; margin-top: -5px;}
.applyForService .model ul li .select + b{ margin-left: -12px;}
.applyForService .model .note { margin-top: 4px; margin-bottom: 2px; min-height: 82px;}
.applyForService .file { position: relative; display: inline-block; background: #d2d2d2; border: 1px solid #d2d2d2; border-radius: 4px; padding: 4px 12px; overflow: hidden; color: #999; text-decoration: none; text-indent: 0; line-height: 20px;}
.applyForService .file input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; cursor: pointer;}
.applyForService .file:hover { background: #AADFFD; border-color: #fb4236; background: #fb4236; color: #f0f0f0; text-decoration: none;}
.applyForService .upFile em{ font-style: normal; font-size: 12px; margin-left: 8px; color: #979797;}

/*发码任务 商品选择*/
.choiceGoods .main{width: 1083px;}
.choiceGoods .main .topCell{ width: 500px;}
.choiceGoods .goodsMain .goodsWrap{ height: auto;}
.choiceGoods .model .main ul.goodsList{ position: relative; margin-top: 93px; bottom: 0; height: 385px;}
.choiceGoods .model .main ul.goodsList li{ display: block; min-height: auto; position: relative;}
.choiceGoods .model .main ul.goodsList li span{ margin-right: 0;}
.choiceGoods .goodsMain ul.goodsList li .check{ width: auto;}
.choiceGoods .goodsMain .topCell .search{ justify-content: flex-start;}
.choiceGoods .goodsMain{ margin-top: 0; width: 988px; margin: 0 auto; padding: 17px 0; }
.choiceGoods .model .btn-model-submit { margin: 5px auto 35px auto;}
.choiceGoods #pagination2{ margin-top: 8px;}
.choiceGoods .goodsMain ul.goodsList li .price{ top: 40px;}

/* 微信发码 */
.wechatCode table{ margin-top: 28px;}
.wechatCode table tr th:nth-child(1){width: 70px;}
.wechatCode table tr th:nth-child(2){width:207px;}
.wechatCode table tr th:nth-child(3){width:232px;}
.wechatCode table tr th:nth-child(4){width:125px;}
.wechatCode table tr th:nth-child(5){width:147px;}
.wechatCode table tr th:nth-child(6){width:200px;}

.wechatCode table tr td:nth-child(1){width:70px;}
.wechatCode table tr td:nth-child(2){width:207px;}
.wechatCode table tr td:nth-child(3){width:232px;}
.wechatCode table tr td:nth-child(4){width:125px;}
.wechatCode table tr td:nth-child(5){width:147px;}
.wechatCode table tr td:nth-child(6){width:200px; display: flex; justify-content: center; align-items: center; height: 5.5vh;}
img.wechatGift { width: 275px; position: absolute; left: 18px; top: 134px;}
.code_task .code_task_content .left_task_con p .note + .SMS_content { height: 120px;}
.code_task .code_task_content .left_task_con p .sms_title.blessing{ top: -53px;}
.code_task .code_task_content .left_task_con p .sms_title.note { top: -125px;}
.code_task .counter{  position: relative;}
.code_task .counter .min,.code_task .counter .add{ width: 87px; height: 43px; display: flex; justify-content: center; align-items: center; font-size: 24px; color: #bfbfbf;  font-weight: bold; position: absolute; top: 30px;}
.code_task .counter .min { left: 99px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.code_task .counter .add { right: 5px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.code_task .counter .min:hover,.code_task .counter .add:hover{ background: #eee;}
.code_task .code_task_content .left_task_con .counter input{ text-align: center; text-indent: 0;}


/* 快营销工具 */
.kyxTools .panel{ min-height: 322px; max-height: 360px;}
.kyxTools .panel ul li { display: flex; justify-content: space-between; padding: 0 94px;}
.kyxTools .panel a.checkGoods{ margin-left: auto; margin-right: 30px; color: #fb4236; }
.kyxTools .panel a.checkGoods:hover{ text-decoration: underline;}
.kyxTools .panel ul li:last-child span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 22px;}
.kyxTools .panel ul li:last-child p{ line-height: 24px;}
.kuaiyinxiao .goodsMain .goodsWrap{height: 508px;}
.kuaiyinxiao .goodsMain ul.goodsList{bottom: auto;}
.kuaiyingxiao_page{position: fixed;top:0;left: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.8);z-index: 99;display: none;}
.kuaiyingxiao_page .kuaiyingxiao_page_bg{background:#fff;width:785px;height: 735px;border-radius: 5px;position: absolute;top:50%;left: 50%;margin:-392px 0 0 -367px;}
.kuaiyingxiao_page .kuaiyingxiao_page_bg .close_btn{background:url("images/icons.png");width:18px;height: 18px;background-size:1200px;background-position: 0 -48px;position: absolute;right:30px;top:30px;z-index: 2;cursor: pointer;}
.kuaiyingxiao_page .kuaiyingxiao_page_bg .title{font-size: 18px;text-align: center;padding: 25px 0;}
.kuaiyingxiao_page .kuaiyingxiao_page_bg .detail_con{width: 690px;height: 525px;border:1px solid #dddddd;margin:10px auto 0;padding: 40px 0;}
.kuaiyingxiao_page .kuaiyingxiao_page_bg .detail_con p{font-size: 16px;width: 500px;margin:auto;padding: 12px 0;}
.kuaiyingxiao_page .kuaiyingxiao_page_bg .detail_con p label{color:#7d7d7d;width: 140px;display: inline-block;text-align: right;padding-right: 20px;}
.kuaiyinxiao .headline>.path{ left: 158px;}


/* 解决方案页面 */
.supply_chain{background:#9d9d9d;width: 100%;position: absolute;top:80px;left: 0;height: 175px;z-index: 9;}
.supply_chain .content{width: 1200px;margin: auto;}
.supply_chain .content ul li{width: 239px;float: left;margin: 40px 0;color:#fff;}
.supply_chain .content ul li.first_con{border-right: 1px solid #fff;}
.supply_chain .content ul li span{font-size: 20px;display:block;text-align:center;padding:0 10px;}
.supply_chain .content ul li p{font-size: 14px;line-height: 20px;padding:10px 10px 0;}
.supply_chain .content ul li::after{content: '';clear: both;display: block;height: 0;}
.supply_chain .content ul li .icons_img{float: left;width: 70px;height: 70px;border-radius: 50%;background: #fff;margin:20px 0 0 30px;}
.supply_chain .content ul li i{background:url("images/icons.png");background-size:1200px 500px;width:55px;height: 43px;display: block;margin: 15px auto 0 ;}
.supply_chain .content ul li i.icons_img01{background-position: -340px -54px;}
.supply_chain .content ul li i.icons_img02{background-position: -417px -54px;width: 50px;}
.supply_chain .content ul li i.icons_img03{background-position: -488px -54px;width: 40px;}
.supply_chain .content ul li i.icons_img04{background-position: -549px -54px;width:40px;}
.supply_chain .content ul li .onsel{background: #fb5142}
.supply_chain .content ul li .onicons_img01 i{background-position: -340px 0;}
.supply_chain .content ul li .onicons_img02 i{background-position: -417px 0;width: 50px;}
.supply_chain .content ul li .onicons_img03 i{background-position: -488px 0;width: 40px;}
.supply_chain .content ul li .onicons_img04 i{background-position: -549px 0;width:40px;}
.supply_chain .content ul li .text_con{float: left;width:105px;padding:15px 0 0 5px;color: #fff;}
.supply_chain .content ul li .text_con span{text-align: left;padding:0;}
.supply_chain .content ul li .text_con p{font-size: 14px;padding: 10px 0 0;}
.supply_chain .content ul li .arraw{background:url("images/icons.png");background-size:1200px 500px;width: 15px;height: 25px;background-position: 0 -137px;float:right;margin: 45px 0 0 14px}
.solution{width:100%;background: #fff;}
.solution .top_bg{width: 100%;background: #000;margin-top:175px;}
.solution .solution_banner{width: 1200px;margin: auto;margin-top:175px;}
.solution .solution_banner img{width:1920px;margin-left: -360px;}
.solution .top_bg img{width: 1200px;margin: auto;}
.solution .solution_intro,.other_model{width: 1200px;margin: auto;}
.solution .solution_intro .solution_img{float: left;}
.solution .solution_intro .right_text{width: 730px;float: left;}
.solution .solution_intro .right_text .title{text-align: center;font-size: 48px;padding:60px 0;position: relative;display: table;margin: auto;line-height: 1;color: #6e6e6e;}
.solution .solution_intro .right_text .title::before{content: '';background: #fa4236;width: 5px;height: 34px;display: block;float: left;margin:10px 20px 0 0;}
.solution .solution_intro .right_text .text{font-size: 20px;color: #6e6e6e;text-indent:40px;line-height: 40px;}
.other_model .title{font-size:36px;color:#6e6e6e;margin-bottom: 35px;}
.other_model .title::before{content: '';background: #fa4236;width: 5px;height: 34px;display: block;float: left;margin:10px 20px 0 0;}
.other_model .title_text{font-size: 20px;color:#6e6e6e;margin-bottom: 50px;}
.other_model .active_way li{float: left;width: 588px;margin:0 0 35px 24px;background: #f5f6f7;height: 232px;position:relative;}
.other_model .active_way li:nth-child(2n-1){margin:0 0 35px 0;}
.other_model .active_way li::before{content: '';position: absolute;left: 183px;top:50px;height: 140px;width: 1px;background:#b7b7b7;}
.other_model .active_way li i{background:url("images/icons.png");background-size:1200px 500px;height: 100px;display: block;float: left;margin:65px 0 0 54px;}
.other_model .active_way li .share_icons{width: 95px;background-position:-82px 0;}
.other_model .active_way li .ppeal_icons{width: 90px;background-position:-215px 0;}
.other_model .active_way li .case_text{margin:30px 0 30px 30px;;padding-left: 50px;width: 345px;float: left;color:#6e6e6e;}
.other_model .active_way li .case_text .intro_title{font-size: 32px;}
.other_model .active_way li .case_text .intro_text{font-size: 20px;line-height:40px;padding-top: 10px;}
.other_model .active_way li .appeal_text .intro_text{line-height: 30px;}
.other_model .active_way li .appeal_text{padding-left: 120px;width: 200px;}
.other_model .active_effect{margin-bottom:50px;}
.other_model .active_effect .active_effect_title{font-size:32px;color: #6e6e6e;}
.other_model .active_effect ul li{width: 540px;margin-top: 45px;float: left;margin-left:120px;position: relative;}
.other_model .active_effect ul li:nth-child(2n-1){margin-left: 0;}
.other_model .active_effect ul li i{background:url("images/icons.png");background-size:1200px 500px;width:65px;height: 57px;display: block;}
.other_model .active_effect ul li i.icons01{background-position:-612px -21px;}
.other_model .active_effect ul li i.icons02{background-position:-686px -21px;}
.other_model .active_effect ul li i.icons03{background-position:-772px -18px;}
.other_model .active_effect ul li i.icons04{background-position:-851px -18px;}
.other_model .active_effect ul li i.icons05{background-position:-934px -18px;}
.other_model .active_effect ul li i.icons06{background-position:-1011px -21px;}
.other_model .active_effect ul li i.icons07{background-position:-1085px -21px;}
.other_model .active_effect ul li .active_effect_text{font-size:36px; color: #6e6e6e;margin-top: -10px;}
.other_model .active_effect ul li .active_effect_text span{color: #fb4236;font-size:60px;font-weight: bold;}
.other_model .active_effect ul li .warning{position: relative;background-color: #bfbfbf;height:10px;border-radius: 10px;margin:40px 0 30px;}
.other_model .active_effect ul li .warning::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 100%;border-radius: 10px;width: 63%;background-color: #fb4236;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-size: 40px 40px;animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;-webkit-animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
-ms-animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;-moz-animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;-o-animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
transition:all 1s linear;-webkit-transition:all 1s linear;-ms-transition:all 1s linear;-moz-transition:all 1s linear;-o-transition:all 1s linear;}
.other_model .active_effect ul li .accumulative{color: #6e6e6e;font-size: 36px;position: absolute;top: 5px;left: 75px;}
.other_model .active_effect ul li .special{margin-top:30px;}
.other_model .active_effect ul li .special span{font-size: 46px;white-space: nowrap;}
.active_hot{margin:0 auto 60px;}
.active_hot li{background:#c00000;width: 295px;float: left;padding: 0 0 80px 0;color: #fff;height: 515px;margin-left:6px;transition:all .5s ease;cursor: pointer;}
.active_hot li:hover{-webkit-transform:scale(1.05);}
.active_hot li:first-child{margin: 0;}
.active_hot li img{width: 250px;margin:25px auto;height: 185px;}
.active_hot li h3{font-size: 26px;text-align: center;padding: 40px 0 30px;color: #fff;}
.active_hot li p{font-size: 20px;padding: 0 40px;line-height: 36px;}
.jifenlist{margin:0 auto 50px; }
.jifenlist p{font-size:20px;border: 1px solid #ebebeb;color: #6e6e6e;padding: 30px 0;margin: 5px 0;}
.jifenlist p span{color: #fb4236;padding:0 25px;}


@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}

/* 修改密码 错误样式 */
.safeForm li label.error {font-size: 12px; color: #fb4236;margin-left: 8px; width: 200px;}
.safeForm li label {width: 95px;display: flex;justify-content: flex-start; font-size: 14px;color: #1d1d1d}

/* 产品中心 */
.navigation{background:#39425d;position: fixed;top:79px;left: 0;height: 175px;z-index: 9;width: 100%;transition:all 50ms linear;-webkit-transition:all 50ms linear;-ms-transition:all 50ms linear;-moz-transition:all 50ms linear;-o-transition:all 50ms linear;}
.navigation ul{width: 1200px;margin: auto;padding:30px 20px;}
.navigation ul li{float: left;margin-left: 80px;position: relative;}
.navigation ul li::after{content: '';background: url("images/icons.png");background-size: 1200px 500px;width:20px;height: 26px;background-position: 0 -136px;top: 40px;right: -55px;position: absolute;}
.navigation ul li.cur a{background-position:0 0;}
.navigation ul li:last-child::after{background: none;}
.navigation ul li:first-child{margin: 0;}
.navigation ul li a{background-image:url("images/navigation_bg.png");background-size:200px 109px;width:97px;height:109px;display: block;color:#fff;text-align: center;background-position:-103px 0;}
.navigation ul li a i{background:url("images/icons.png");background-size: 1200px 500px;width:43px;height:43px;display: block;margin: auto;position: relative;top:20px;}
.navigation ul li a span{top: 25px;position: relative;top:25px;}
.navigation ul li.entertainment a i{background-position:-350px -185px;}
.navigation ul li.shopping a i{background-position:-404px -185px;}
.navigation ul li.stay a i{background-position:-404px -185px;}
.navigation ul li.payment a i{background-position:-404px -185px;}
.navigation ul li.tourism a i{background-position:-404px -185px;}
.navigation ul li.travel a i{background-position:-404px -185px;}
.navigation ul li.food a i{background-position:-404px -185px;}
.products{background:#fff;}
.products .products_img{width: 1200px;margin:175px auto 0;position: relative;}
.products .products_img .scroll_top{content: '';background:url("images/icons.png");background-size: 1200px 500px;width: 79px;height: 77px;background-position: 0 -250px;position:absolute;right:-130px;cursor: pointer;z-index:9;transition:all 5ms linear;}


.wechatCodeDetail .tab .bd .iphonebg2{background:url("images/iphonebg2.jpg") no-repeat;width: 139px;height: 286px;background-size:139px 286px;position: relative;margin:20px 90px 70px 0;}
.wechatCodeDetail .tab .bd .iphonebg2 .code_img{width: 89px;margin: 46px auto 0;}
.wechatCodeDetail .tab .bd .iphonebg2 p{font-size:12px; transform: scale(.8); text-align: center;padding-top: 25px;line-height: 20px;color: #808080;}
.wechatCodeDetail .detailRecord tr td .avatar_img{width: 30px;}
.wechatCodeDetail .detailRecord tr th:first-child,.detailModel .detailRecord tr td:first-child{width: 50px;}



/* 细节优化 */
input[type="button"],input[type="submit"]{ cursor: pointer; }
#WarningBalance{ margin-right: 0;}
.pagination{ position: static!important;}


.modelWrap.detailModel.codeDetail .model .main ul {height: 350px;}
.modelWrap.detailModel.codeDetail .model .main .hd ul {
    height: auto;
}



/* 帮助中心 */
.helpCenter .bannerWrap{ width: 100%; background: #353537; height: 289px; display: flex; justify-content: center;}
.helpCenter .bannerWrap .banner{ width: 1920px; height: 289px;}
.helpCenter .container{ width: 1195px; margin: 0 auto; padding-bottom: 70px;}
.helpCenter .topItems{ width: 100%; height: 171px; display: flex; justify-content: space-between; align-items: center;}
.helpCenter .topItems .item { width: 389px; height: 73px; background-color: #f6f6f6; border-radius: 10px; display: flex; justify-content: center; align-items: center;}
.helpCenter .topItems .item i{ display: inline-flex; width: 23px; height: 25px; background: url(images/icon.png); background-size: 1200px 600px; margin-right: 14px;}
.helpCenter .topItems .item .itemIcon01{ background-position: 0 -229px;}
.helpCenter .topItems .item .itemIcon02{background-position: -24px -229px;}
.helpCenter .topItems .item .itemIcon03{background-position: -53px -229px;}
.helpCenter h1.title{ font-size: 18px; color: #444; display: flex; justify-content: flex-start; align-items: center; font-weight: normal;}
.helpCenter h1.title::before{ content: ''; display: inline-flex; width: 7px; height: 21px; background: #fb4236; margin-right: 8px;}
.helpCenter .helpCenterInfo{ width: 1195px; height: 230px;}
.helpCenter .text01 p{ font-size: 14px; line-height: 24px; color: #85868c; margin: 10px 0;}
.helpCenter h3{ color: #000; font-size: 36px;}
.helpCenter ul li { width: 100%; padding: 13px 0; border-bottom: 1px solid rgba(51,51,51,0.12); display: flex; justify-content: flex-start; align-items: flex-start; color: #85868c; line-height: 24px;}
.helpCenter ul li:last-child{ border: 0;}
.helpCenter ul li i{ display: inline-flex; width: 14px; height: 100%; justify-content: center; align-items: flex-start; margin-right: 10px; padding-top: 5px;}
.helpCenter ul li i::before{ content: ''; width: 14px; height: 14px; background: url(images/icon.png); background-size: 1200px 600px; background-position: -83px -229px;}


/* 样式统一 */
tr{ height: 42px!important;}
tr td{ height: 48px!important;}
tr th{ font-size: 14px!important; color: #393939!important;}
td.note { max-width: 150px; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
td.left{ justify-content: flex-start!important;}
.btn-dark{ background-color: #bfbfbf!important;}
.goodsMain ul.goodsList li .price,.goodsMain ul.goodsList li .check{ color: #fff;}
.goodsMain ul.goodsList li .check::after { background-position: -114px -23px;}
.goodsMain .info .btn-goods{ background: #fb4236; color: #fff;}
.goodsMain .info .goodsName{ font-size: 18px;}
.wechatCode table tr th:nth-child(1) { width: 100px;}

/*交易记录-礼券记录修改*/
.coupon_record .cell{float: left;margin-right:15px;}
.coupon_record .cell label {float: left;line-height: 40px;margin-right:15px;}
.coupon_record .cell input {height: 42px;border: 1px solid #f0f0f0;font-size: 14px;padding: 0 15px;outline: none;text-indent:0;margin:0;width:150px;}
.coupon_record .cell .filter-box{float:left;}

.layui-laydate tr, .layui-laydate tr td {
    height: auto !important;
}
.warp .main .four ul li {
    margin-right: 10px;
}


.coupon_record .table tr td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 165px;
    min-width: 165px;
    padding: 0 5px;
    box-sizing:border-box;
}

.operatingBtns{ width: 636px; margin: 0 auto 40px auto; border-top:1px solid #eee; margin-top: 10px; display: flex; justify-content: flex-end; align-items: center;} 
.operatingBtns a { height: 27px; background-color: #fb4236; border-radius: 4px; display: flex; justify-content: center; align-items: center; padding: 0 10px; color: #fff; font-size: 14px; margin-top: 10px; margin-left: 8px;}

/* ie兼容性调整 */
.warp .main .banner {
    transform: translate(-50%,0) !important;
}

.code_task_list table tr td:nth-child(3) { width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 48px;}




/* 未登录首页 热门产品 添加tab*/
.warp .main .two ul li{ position: relative; transition: 0s}
.warp .main .two ul li:hover,.warp .main .two ul li.on{ background: #fb4236; transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);}
.warp .main .two ul li:hover span,.warp .main .two ul li.on span{ color: #fff; border-bottom: 5px solid #fff;}
.warp .main .two ul li:hover p,.warp .main .two ul li.on p{ color: #fff;}
.warp .main .two ul li::after{ content: ''; width: 20px; height: 20px; background: #fb4236; position: absolute; bottom: -10px; left: 78px; transform: rotate(45deg); display: none; }
.warp .main .two ul li:hover::after,.warp .main .two ul li.on::after{ display: block;}
.warp .main .two{ padding: 60px 0;}
.warp .main .two ul{ padding-bottom: 18px;}
.warp .main .two dl{ width: 1200px; margin: 0 auto; height: 420px; border-radius: 10px; background: #fff; position: relative;}
.warp .main .two dl dd{ display: none; width: 100%; height: 420px; position: absolute; left: 0; top: 0; padding-left: 17px; margin: 0;}
.warp .main .two dl dd:first-child{ display: block;}
.warp .main .two dl dd img{ width: 432px; height: 398px; margin-top: 21px; float: left;}
.warp .main .two dl dd h1{ display: flex; font-size: 48px; color: #6e6e6e; width: 678px; justify-content: center; padding-left: 36px; padding-top: 40px;}
.warp .main .two dl dd span{ display: flex; width: 678px; justify-content: center; align-items: flex-start; font-size: 20px; color: #6e6e6e; line-height: 44px; padding-left: 36px;}


/* end */