@charset "utf-8";
@import"style.css";
/***** 初始化样式表 *****/
html,body{
    /*height: 100%;*/
    background: #F6F6F6;
    /*overflow: auto;*/
}
/************************ css reset start *****************************/
* {margin: 0;padding: 0;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {margin: 0;padding: 0;box-sizing: border-box;}
body, button, input, select, textarea {font: 14px/1 "微软雅黑", "Microsoft Yahei", "\5b8b\4f53", Tahoma, Helvetica, Arial, sans-serif;color: #212121;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
address, cite, dfn, em, var {font-style: normal;}
code, kbd, pre, samp, tt {font-family: "Courier New", Courier, monospace;}
small {font-size: 12px;}
ul, ol, li {list-style: none;}
a {text-decoration: none;color: #212121;}
abbr[title], acronym[title] {border-bottom: 1px dotted;cursor: help;}
q:before, q:after {content: '';}
legend { color: #212121;}
fieldset, img {border: 0 none;/*height: auto*/}
button, input, select, textarea {font-size: 100%;outline: none;}
button{ cursor: pointer;}
table { border-collapse: collapse;border-spacing: 0;}
hr { height: 1px;}
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;*font-size: 100%;border: none;outline: none;}
i{font-style: normal;}
iframe{display: block;border: 0;height: 100%;}
img{vertical-align: middle}
/*去掉搜狗键盘自添的键盘*/
input::-webkit-input-safebox-button {
    display: none;
}
/************************ css reset end *****************************/

/************************ common start ******************************/
.container{width: 1200px;margin: 0 auto 30px;padding-bottom: 20px;min-height: 500px;}
.container:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
.clearfix:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
.clearfix {*zoom: 1;}
.clear {clear: both;display: block;}
.flex{display: flex;flex-direction: row;justify-content: space-between;}
/* 文字 title */
p[aria-label],span[aria-label]{position: relative;cursor: pointer;}
p[aria-label]:hover:before,span[aria-label]:hover:before {content: '';position: absolute;display: block;bottom: -15px;left: 12px;width: 7px;height: 7px;background: #fff;border-top: 1px solid rgba(220, 220, 220, 0.73);border-left: 1px solid rgba(220, 220, 220, 0.73);transform: rotate(45deg);z-index: 2;}
p[aria-label]:hover:after,span[aria-label]:hover:after {content: attr(aria-label);position: absolute;background: #fff;box-shadow: 0px 1px 3px 0px rgba(220, 220, 220, 0.81);bottom: -37px;left: 5px;border: 1px solid rgba(220, 220, 220, 0.73);border-radius: 2px;padding: 6px 11px;width: fit-content;color: #212121;}

/* 文字超出隐藏 */
/* 一行隐藏 */
.t-h-1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* 两行隐藏 */
.t-h-2 {display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

/* **********行高********** */
.line-20{line-height: 20px;}
.line-22{line-height: 22px;}
.line-24{line-height: 24px!important;}
.line-26{line-height: 26px;}
.line-28 {line-height: 28px!important;}
.line-30{line-height: 30px;}
.line34{line-height: 34px;}
.line-36{line-height: 34px;}
.line38{line-height: 38px;}
.line-40 {line-height: 40px;}
.line-42 {line-height: 42px;}
.line-44 {line-height: 44px;}
.line-46{line-height: 46px;}
.line-48{line-height: 48px;}
.line-52{line-height: 52px;}
.line-64{line-height: 64px;}

/* **********字体************ */
.f-12{font-size: 12px;}
.f-14{font-size: 14px!important;}
.f-16{font-size: 16px;}
.f-18{font-size: 18px;}
.f-20{font-size: 20px!important;}
.f-22{font-size: 22px;}
.f-24{font-size: 24px;}
.f-30{font-size: 30px;}
.f-b{font-weight: bold;}
.bold{font-weight: bold!important;}
.light{font-weight: normal!important;}

/* ***********边框*************** */
.border-6{border: 1px solid #E6E6E6;}
.border-d2{border:1px solid #D2D2D2;}
.border-2-yellow{border: 2px solid #FBA910;}
.border-t-6{border-top: 1px solid #E6E6E6;}
.bor-r-8{border-right: 1px solid #888888;}
.bor-b-6{border-bottom: 1px solid #e6e6e6;}
.bor-b-d2{border-bottom: 1px solid #D2D2D2;}
.bor-b-f{border-bottom: 1px solid #F1170D;}

/* *********边距********* */
/* 外边距  上 */
.mt5{margin-top: 5px;}
.mt7{margin-top: 7px;}
.mt10{margin-top: 10px;}
.mt12{margin-top: 12px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px!important;}
.mt80{margin-top: 80px!important;}
.mt100{margin-top: 100px;}
/* 外边距  下 */
.mb7{margin-bottom: 7px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb12{margin-bottom: 12px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb70{margin-bottom: 70px;}
.mbf20{margin-bottom: -20px;}
/* 外边距  左 */
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml55{margin-left: 55px;}
.ml70{margin-left: 70px;}
.ml80{margin-left: 80px;}
/* 外边距  右 */
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr70{margin-right: 70px;}
/* 内边距 上下、左右*/
.p20{padding: 20px;}
.ptb0{padding-top: 0!important;padding-bottom: 0!important;}
.ptb12{padding-top: 12px!important;padding-bottom: 12px!important;}
.ptb20{padding-top: 20px;padding-bottom: 20px;}
.plr0{padding-left: 0!important;padding-right: 0!important;}
.plr10{padding-left: 10px!important;padding-right: 10px!important;}
.plr20{padding-left: 20px;padding-right: 20px;}
/* 内边距 上*/
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt35{padding-top: 35px;}
.pt50{padding-bottom: 50px;}
/* 内边距 下*/
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb70{padding-bottom: 70px;}
/* 内边距 左*/
.pl10 {padding-left:10px!important;;}
.pl15 {padding-left:15px;}
.pl20 {padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
/* 内边距 右*/
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr30{padding-right: 30px;}

/* ********颜色********* */
/* 字体颜色 */
.col-2{color: #212121;}
.col-9b{color: #9b9b9b}
.col-b6{color: #B6B6B6}
.col-8{color: #888888;}
.col-d{color: #D2D2D2;}
.col-ff{color: #fff;}
.col-dblue{color: #0693FF!important;}
.col-blue{color: #40B4F4!important;}
.f-red{color: #f1170d;}
.col-red {color: #f1170d!important;}
.col-f8{color:#F83453;}
.col-yellow {color: #FBA910;}

/* 背景色 */
.back-8{background: #888888;}
.b-e6{background: #E6E6E6;}
.b-f6{background: #F6F6F6;}
.b-f{background: #fff;}
.b-red{background: #f1170d;}

/* 定位布局 */
.position-r{position: relative;}
.fl {float: left;}
.fr {float: right !important;}
.align-c{text-align: center;}
.align-r{text-align: right;}
.align-l{text-align: left!important;}
.pad30{
    padding:0 30px;
}
.flex{display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: box; display: flexbox; display: flex;}
.flexleft{display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: box; display: flexbox; display: flex;justify-content:flex-start;}
.flexcenter{display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: box; display: flexbox; display: flex;
    justify-content:center;}
.dis-lb{display: inline-block;}
.dis-b{display: block;}
.hidden{display: none;}
.pointer{cursor: pointer;}

/* 头部 */
.header{width: 100%;height: 30px;}
.header-content{width: 1200px;margin: 0 auto;}
.header-content .title{float: left;cursor: pointer;}
.header-content .title:hover{background: #fff;}
.header-content .turn-down{margin-left: 6px;width: 5px;vertical-align: middle;}
.header-left p {border-left: 0!important;}
.header-right .title:nth-child(1) p {padding: 0 12px;border-left: 0;}
.header-content .title p {line-height: 14px;margin: 8px 0;border-left: 1px solid #d2d2d2;padding: 0 12px;}
.header-content .title p a{color: #888;}
.dt{background: #fff;box-shadow:0px 3px 6px rgba(0,0,0,0.16);position: absolute;z-index: 11;display: none;padding-bottom: 6px;}
.account{width: 162px;height: 62px;left: 0;padding-left: 62px;box-sizing:border-box;}
/*.account img{position: absolute;width: 58px;height: 58px;left: 2px;top: 2px;}*/
.account img{position: absolute;width: 45px;height: 45px;left: 6px;top: 6px;}
.account a{line-height: 62px;}
.account .line{display: inline-block;width: 1px;height: 10px;background: #707070;margin: 0 5px;}
.order{left: 0;right: 0;text-align: center;}
.dt span{color:#F1170D;margin-left: 5px;}
.dt a:hover{color: #f1170D}
.shang{width: 175px;left: 0;}
.shang li{float: left;width: 50%;}

/*Chrome 下去除 input[number] 的右侧图标*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none !important;margin: 0;}

/*火狐 下去除 input[number] 的右侧图标*/
input[type="number"]{-moz-appearance:textfield;}

/*IE input[tel] 去除 右边的×*/
input::-ms-clear{display:none;}

/*IE input[password] 去除 小眼睛*/
#n3::-ms-reveal{display:none;}
.h20{height: 20px;}
/*
footer
 */
.outer-foot{
    border-top: 1px solid #D2D2D2;
}
.outer-foot .safety{
    width: 1200px;
    margin:15px auto 0;
    display: flex;
    justify-content:center;
}
.outer-foot .safety .item{
    margin:0 20px;
    font-size: 14px;
    color: #212121;
}
.outer-foot .safety .item img{
    margin-right: 10px;
    width: 26px;
}
.outer-foot .foot-links{
    width: 1200px;
    margin:10px auto 0;
    display: flex;
    justify-content:center;
    flex-direction: row;
    flex-wrap:wrap;
}
.outer-foot  .copyright{
    width: 1200px;
    margin:15px auto 0;
    text-align: center;
    font-size: 0;
}
.outer-foot  .copyright a{
    font-size: 14px;
    color: #212121;
    line-height: 26px;
    margin-left: 10px;
    white-space: nowrap;
    position: relative;
    margin-right: 10px;
}
.outer-foot  .copyright a::after{
    content: ' ';
    width: 1px;
    height: 14px;
    background: #999;
    position: absolute;
    right:-10px;
    top: 4px;
    z-index: 2;
}
.outer-foot  .copyright a:nth-child(3)::after,.outer-foot  .copyright a:nth-child(7)::after{
    background: #E6E6E6;
}
.outer-foot  .copyright span:nth-of-type(3n+0):after{
    content:' ';
}
.outer-foot  .copyright p{
    font-size: 14px;
    color: #888;
    line-height: 30px;
}
.outer-foot .copyright span:after{
    content: '|';
    margin-left: 8px;
    color: #ccc;
}
.outer-foot .foot-links a:last-child:after{
    content: ' ';
}
.outer-foot .foot-links a{
    white-space:nowrap;
    margin:5px 20px;
    font-size: 14px;
    color: #212121;
}
.outer-foot .foot-links a:after{
    content: '|';
    color: #D2D2D2;
    margin-left: 19px;
}
footer{
    min-height: 380px;
    padding-bottom: 20px;
    position: relative;
}
.foot-top{
    width: 1000px;
    margin: 0 auto;
    padding: 42px 0;
}
.foot-top img{
    width: 60px;
    height: 60px;
    margin-right: 18px;
    float: left;
}
.foot-top span{
    font-size: 20px;
    line-height: 60px;
}
.foot-bot{
    width: 1200px;
    margin: 20px auto;
}
footer a:hover{
    color: #777!important;
}
.foot-bot li{
    line-height:28px;
    font-size: 14px;
    text-align: center;
}
.foot-bot  label{
    font-size: 16px;
    font-weight:bold;
    line-height:50px;
    color: #212121;
    display: block;
    text-align: center;
}
.foot-bot.flex{
    justify-content:center;
}
.foot-bot ul{
    margin-right:40px;
    min-width: 200px;
}

.this_color{
    color:red;
}
.to-top{
    cursor: pointer;
    position: fixed;
    width: 47px;
    height: 47px;
    right: 20px;
    bottom: 50px;
    z-index: 99;
    border-radius: 5px;
    text-align: center;
    line-height: 47px;
    background:rgba(33, 33, 33, .2);
}
.to-top img{
    width: 29px;
    vertical-align: middle;
}
.pop-notice{
    width: 885px;
    height: 540px;
    background:url("../images/pc_popbg33.png")  center no-repeat;
    /*background-size: cover;*/
    text-align: center;
    font-size: 16px;
    color: #AE2F04;
    line-height: 30px;
    padding: 90px 250px 0 220px;
    box-sizing: border-box;
    position: relative;
    display: none;
    font-weight: 900;
    background-size: cover;
}
.pop-notice .pop-close{
    width: 22px;
    height: 22px;
    position: absolute;
    top:0px;
    right: 0px;
    z-index: 9;
    cursor: pointer;
}
.pop-notice .pop-close img{
    display: block;
    width: 100%;
    height: 100%;
}
.layui-layer.no-bg{
    background: transparent;
    box-shadow: 0 0 0 transparent;
}