@charset "utf-8";

/*防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html {

    -webkit-text-size-adjust: 100%;
    /*禁用Webkit内核浏览器的文字大小调整功能，默认是auto;*/

    -ms-text-size-adjust: 100%;
    /*禁用IE内核浏览器的文字大小调整功能，默认是auto;*/

    font-family: sans-serif;

    -webkit-font-smoothing: antialiased;

    height: 100%;

    touch-action: manipulation;
    /*取消移动端click300ms的延迟*/

}



/*

@font-face {

    font-family: "PingFang";

    src:

        url("../fonts/PINGFANG MEDIUM.TTF") format('truetype'),

        url("../fonts/PINGFANG MEDIUM.svg") format('svg'),

        url("../fonts/PINGFANG MEDIUM.woff") format('woff');

}

*/



body {

    font-family: "Helvetica", "Tahoma", "Arial", "PingFang SC", "Microsoft Yahei", "SimSun", "SimHei", "sans-serif";

    color: #fff;

    background: #fff;

    font-size: 14px;

}



/*针对英文单词，强制让单词换行,break-word不拆分单词, break-all拆分单词*/

* {

    word-wrap: break-word;
    /*word-break: break-all;*/

}



.break-all {

    word-break: break-all;

}



a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
hr,
i,
iframe,
input,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
textarea,
u,
ul,
var,
video,
.h1,
.h2,
.h3 {

    margin: 0;

    padding: 0;

}



dt,
label {

    font-weight: normal;

    font-size: 100%;

}



/*此处增加dt,label针对bootstrap的加粗定义*/



input,
button,
textarea,
select,
optgroup,
option {

    font-size: 100%;

    font-weight: normal;

    outline: none;

}



input,
button,
textarea {

    -webkit-appearance: none;

}



/*去除ios按钮内阴影、圆角,对单选框、复选框有影响*/

input[type=checkbox] {

    -webkit-appearance: checkbox;

}



input[type=radio] {

    -webkit-appearance: radio;

}



input::-webkit-input-safebox-button {

    display: none;

}



/*解决搜狗浏览器密码框自带安全键盘*/



input:focus,
textarea:focus {

    outline: none;

}



th,
td,
button,
input,
select,
textarea {

    -webkit-font-smoothing: antialiased;

    -moz-font-smoothing: antialiased;

}



/*页面的字体抗锯齿,字体会更清晰圆滑*/

textarea {

    resize: none;

    border: 1px solid #e5e5e5;

    padding: 5px;

    width: 100%;

    border-radius: 0;

}



address,
caption,
cite,
code,
dfn,
th,
var,
/*em,*/

i {

    font-style: normal;

    font-weight: normal;

}



sub,
sup {

    vertical-align: baseline;

}



button {

    overflow: visible;

    vertical-align: middle;

    outline: none;

    height: auto;

}



/*去掉列表标签的默认样式*/

ul,
ol,
li {

    list-style-type: none;

}



/*重置table样式*/

table {

    border-collapse: collapse;

    border-spacing: 0;
    /*table-layout: fixed;*/

}



/*table-layout: fixed; 表格布局尺寸固定(默认等分表格)，表格的宽度不再由单元格的内容多少而决定，可自定义宽度(给th,td不起作用)*/

/*border-collapse: separate（独立边框）; border-spacing:20px 20px（边框单元格间距离）;*/



/*对齐方式*/

.text-left {

    text-align: left;

}



.text-right {

    text-align: right;

}



.text-center {

    text-align: center;

}



/*图片居左、右、中*/

.img-left {

    display: inline;

    float: left;

}



.img-right {

    display: inline;

    float: right;

}



.img-center {

    clear: both;

    display: block;

    margin: auto;

}



/*父容器要清除浮动*/



/*隐藏文字*/

.text-indent {

    text-indent: -9999em;

}



.seo-text {

    font-size: 0;

    line-height: 0;

    overflow: hidden;

}



/*图片控制尺寸*/

.img-overflow {

    width: 100%;

    height: 100%;

    overflow: hidden;

}



/*img自适应*/

.img-responsive {

    max-width: 100%;

    height: auto;

    display: block;

}



img {

    border: none;

}



/*清除浮动*/

.fl {

    float: left;

    _display: inline;

    *zoom: 1;

}



.fr {

    float: right;

    _display: inline;

    *zoom: 1;

}



.clearfix {

    *zoom: 1;

}



.clearfixx {

    *zoom: 1;

    background-color: #f7f7fa;

}



.clearfix:before,
.clearfix:after {

    display: table;

    line-height: 0;

    content: "";

}



.clearfix:after {

    clear: both;

}



/*外边距px*/

.margin-auto {

    margin-left: auto;

    margin-right: auto;

}



/*左边距*/

.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;

}



.ml50 {

    margin-left: 50px;

}



.ml60 {

    margin-left: 60px;

}



.ml140 {

    margin-left: 140px;

}



/*右边距*/

.mr5 {

    margin-right: 5px;

}



.mr8 {

    margin-right: 8px;

}



.mr10 {

    margin-right: 10px;

}



.mr15 {

    margin-right: 15px;

}



.mr20 {

    margin-right: 20px;

}



.mr30 {

    margin-right: 30px;

}



/*上边距*/

.mt0 {

    margin-top: 0 !important;

}



.mt1 {

    margin-top: 1px;

}



.mt2 {

    margin-top: 2px;

}



.mt3 {

    margin-top: 3px;

}



.mt5 {

    margin-top: 5px;

}



.mt10 {

    margin-top: 10px;

}



.mt15 {

    margin-top: 15px;

}



.mt20 {

    margin-top: 20px;

}



.mt25 {

    margin-top: 25px;

}



.mt30 {

    margin-top: 30px;

}



.mt35 {

    margin-top: 35px;

}



.mt40 {

    margin-top: 40px;

}



.mt45 {

    margin-top: 45px;

}



.mt50 {

    margin-top: 50px;

}



.mt60 {

    margin-top: 60px;

}



.mt70 {

    margin-top: 70px;

}



.mt80 {

    margin-top: 80px;

}



.mt110 {

    margin-top: 110px;

}



.mt120 {

    margin-top: 120px;

}



.mt150 {

    margin-top: 150px;

}



/*下边距*/

.mb0 {

    margin-bottom: 0 !important;

}



.mb5 {

    margin-bottom: 5px;

}



.mb7 {

    margin-bottom: 7px;

}



.mb10 {

    margin-bottom: 10px !important;

}



.mb15 {

    margin-bottom: 15px;

}



.mb20 {

    margin-bottom: 20px;

}



.mb25 {

    margin-bottom: 25px;

}



.mb30 {

    margin-bottom: 30px;

}



.mb40 {

    margin-bottom: 40px;

}



.mb50 {

    margin-bottom: 50px;

}



.mb60 {

    margin-bottom: 50px;

}



/*内边距*/

.pd5 {

    padding: 5px;

}



.pd10 {

    padding: 10px;

}



.pd20 {

    padding: 20px;

}



.pd50 {

    padding: 50px;

}



.pd60 {

    padding: 60px 0;

}



/*padding-top*/

.pt10 {

    padding-top: 10px;

}



.pt20 {

    padding-top: 20px;

}



.pt120 {

    padding-top: 120px !important;

}



/*padding-bottom*/

.pb10 {

    padding-bottom: 10px;

}



.pb20 {

    padding-bottom: 20px;

}



.pb30 {

    padding-bottom: 30px;

}



.pb50 {

    padding-bottom: 50px;

}



/*padding-left*/

.pl5 {

    padding-left: 5px;

}



.pl10 {

    padding-left: 10px;

}



.pl15 {

    padding-left: 15px;

}



.pl20 {

    padding-left: 20px;

}



.pl30 {

    padding-left: 30px;

}



.pl40 {

    padding-left: 40px;

}



.pl65 {

    padding-left: 65px;

}



.pl50 {

    padding-left: 50px;

}



/*padding-right*/

.pr5 {

    padding-right: 5px;

}



/*top值*/

.top1 {

    position: relative;

    top: 1px;

}



.top2 {

    position: relative;

    top: 2px;

}



.top3 {

    position: relative;

    top: 3px;

}



.top4 {

    position: relative;

    top: 4px;

}



.top5 {

    position: relative;

    top: 5px;

}



.top-3 {

    position: relative;

    top: -3px;

}



.top-5 {

    position: relative;

    top: -5px;

}



/*字体*/

.ft-en {

    font-family: 'Helvetica', 'Arial';

}



/*字体大小px*/

.font10 {

    display: inline-block;

    transform: scale(.9);

}



.font12 {

    font-size: 12px;

}



.font13 {

    font-size: 13px;

}



.font14 {

    font-size: 14px;

}



.font15 {

    font-size: 15px;

}



.font16 {

    font-size: 16px;

}



.font18 {

    font-size: 18px;

}



.font20 {

    font-size: 20px;

}



.font22 {

    font-size: 22px;

}



.font24 {

    font-size: 24px;

}



.font26 {

    font-size: 26px;

}



.font32 {

    font-size: 32px;

}



.font36 {

    font-size: 36px;

}



/*字体颜色*/

.color-white {

    color: #fff;

}



.color-hover {

    color: #f6781f;

}



.color-hover:focus {

    color: #f6781f;

}



.color-warning {

    color: #fd641d;

}



.color-danger {

    color: #fd641d;

}



.color-red {

    color: red;

}



.color-000 {

    color: #000;

}



.color-666 {

    color: #666;

}



.color-333 {

    color: #999;

}



.color-999 {

    color: #999;

}



.color-delete {

    color: #ee635d;

}



.color-delete:hover {

    color: #ee635d;

}



.color-delete:focus {

    color: #ee635d;

}



/*背景*/

.bg-body {

    background-color: #000;

}



/*字体加粗*/

.bold {

    font-weight: bold;

}



/*1行显示省略号*/

.ellipsis {

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

}



/*默认3行显示省略号 只适用于webkit内核*/

.ellipses-line3 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



/*配合js实现段落省略 默认为3行*/

.p-ellipses {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    line-height: 24px;

    height: 72px;

}



/*placeholder重置字体颜色*/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {

    color: #999 !important;

    font-size: 12px;

}



input:-moz-placeholder,
textarea:-moz-placeholder {

    color: #999 !important;

    font-size: 12px;

}



input:-ms-input-placeholder,
textarea:-ms-input-placeholder {

    color: #999 !important;

    font-size: 12px;

}



/*显示块状*/

.block {

    display: block;

}



.inline-block {

    display: inline-block;

}



/*隐藏*/

.hidden {

    display: none;

}



.visible {

    display: block;

}



/*边框*/

.border-dashed {

    border-style: dashed;

}



/*宽度*/

.w-auto {

    width: auto;

}



.w-block {

    width: 100%;

}



.w-fluid {

    width: 100%;

}



.w60 {

    width: 60px;

}



.w80 {

    width: 80px;

}



.w90 {

    width: 90px;

}



.w100 {

    width: 100px;

}



.w120 {

    width: 120px;

}



.w140 {

    width: 140px;

}



.w160 {

    width: 160px;

}



/*高度*/

.h30 {

    height: 30px;

    line-height: 28px;

    padding-top: 0;

    padding-bottom: 0;

}



/*行高*/

.lh24 {

    line-height: 24px;

}



.lh28 {

    line-height: 28px;

}



/*背景颜色*/

.bg-white {

    background-color: #fff;

}



.bg-f3 {

    background-color: #f3f3f3;

}



.bg-f7 {

    background-color: #f7f7f7;

}



.bg-f9fbfe {

    background-color: #f9fbfe;

}



.bg-f4f8fe {

    background-color: #f4f8fe;

}



/*a链接*/

a {

    outline: none;

    text-decoration: none;

    color: #fff;

    cursor: pointer;

}



a:focus {

    outline: none;

    text-decoration: none;

    color: inherit;

}



a:hover {

    outline: none;

    color: #f77721;

    text-decoration: none;

}



.underline {

    text-decoration: underline;

}



.underline:hover {

    text-decoration: underline;

}



/*标题*/

.ms-h1 {

    font-family: open_sansbold;

    color: #333;

    font-size: 16px;

    line-height: 22px;

    text-transform: uppercase;

}



.ms-h2 {

    font-family: open_sansbold;

    color: #333;

    font-size: 13px;

    line-height: 20px;

    text-transform: capitalize;

}



.ms-h3 {

    font-family: open_sansbold;

    color: #333;

    font-size: 14px;

    line-height: 22px;

    text-transform: uppercase;

}



/*自定义按钮*/

/*促销*/

/*.ms-sales{font-size: 12px; padding: 1px 5px; background-color: red; border-radius: 3px; color: #fff; position: absolute; left: 100%; top: 0;}*/



/*btn基础样式*/

.ms-btn {

    display: inline-block;

    padding: 6px 12px;

    border-radius: 0;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    background: none;

    border: 1px solid transparent;

}



.ms-btnna {

    display: inline-block;

    padding: 4px 12px;

    border-radius: 0;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    background: none;

    border: 1px solid transparent;

}



/*btn尺寸*/

.ms-btn-lg {

    padding: 9px 45px;

    font-size: 16px;

}



@media (max-width: 750px) {

    .ms-btn-lg {

        width: 100%;

        padding: 9px 30px;

    }

}



.ms-btn-md {}



.ms-btn-sm {}



.ms-btn-xs {}



.ms-btn-label {

    padding: 0 10px;

    height: 24px;

    line-height: 22px;

    background: #e8e8e8;

}



.ms-btn-label:hover {

    color: #666;

}



/*按钮颜色*/

.ms-btn-default {

    border: 1px solid #f77721;

    color: #fff;

    background-color: transparent;

}



/*.ms-btn-default:active{background: #da0632; color: #fff;}*/
/*默认和hover一样*/

.ms-btn-default:focus {

    background: transparent;

    color: #fff;

}



.ms-btn-default:hover {

    background: #f77721;

    color: #fff;

    border-color: #f77721;

}



/*.ms-btn-default:focus:hover{background: #fff; color: #da0632;}*/



.ms-btn-primary {

    background: #f77721;

    color: #fff;

    border: 0px;

}



.ms-btn-primary:hover {

    background: #f77721;

    color: #fff;

}



.ms-btn-primary:focus {

    color: #fff;

    background: #f77721;

}



.ms-btn-secondary {

    border: 1px solid #f77721;

    color: #fff;

    background-color: #f77721;

}



.ms-btn-secondarya {

    border: 1px solid #f77721;

    color: #fff;

    background-color: #f77721;

}



.ms-btn-secondaryy {

    border: 1px solid #f77721;

    color: #fff;

    background-color: #f77721;

}



.ms-btn-secondary:hover {

    background: #f77721;

    color: #fff;

    border-color: #f77721;

}



.ms-btn-secondary:focus {

    color: #fff;

    background-color: #f77721;

}



.ms-btn-danger {

    background: #ff4222;

    color: #fff;

}



.ms-btn-danger:hover {

    background: #ff4222;

    color: #fff;

}



.ms-btn-danger:focus {

    color: #fff;

}



.disabled {

    color: #ccc !important;

    background: #e8e8e8 !important;

    border-color: #e8e8e8 !important;

}



.disabled:hover {

    cursor: not-allowed !important;

    box-shadow: none;

    background: #e8e8e8 !important;

    color: #ccc !important;

}



.disabled:focus {

    color: #ccc !important;

}



.ms-btn[disabled] {

    color: #ccc;

    background: #e8e8e8;

    border-color: #e8e8e8;

}



.ms-btn[disabled]:hover {

    cursor: not-allowed;

    box-shadow: none;

}



.ms-btn[disabled]:focus {

    color: #ccc;

}



/*自定义表单边框样式*/

.form-control {

    border-color: #393939;

    box-shadow: none;

    border-radius: 0;
    color: #fff;
    background-color: rgb(59, 59, 59) !important;

}



.ms-form-group {

    margin-bottom: 15px;

}



.ms-form-group label {

    margin-bottom: 8px;

    color: #666;

    font-size: 14px;

}



.ms-form-control {

    border: 1px solid #e5e5e5;

    height: 40px;

    box-shadow: none;

    border-radius: 0;

    padding: 6px 10px;

    color: #333;

    width: 100%;

}



.ms-form-control:focus {

    box-shadow: none;

    border-color: #e5e5e5;

}



/*

select.ms-form-control{background: transparent url("../image/drop-down.jpg") no-repeat calc(100% - 10px) center; -webkit-appearance: none; -moz-appearance: none;}

select.ms-form-control::-ms-expand {display: none;} !*ie*!

*/



/*自定义文本选中背景*/

/*::selection{background-color: #da0632;}*/



/*form错误提示*/

.ms-form-error .ms-form-control {

    border-color: #da0632;

}



.ms-form-error .iconfont {

    color: #da0632;

}



/*图标*/

.icon {

    background: url(../image/icon-main.png?20190126) no-repeat;

    display: inline-block;

}



/*.icon-iphone{width: 15px; height: 18px; background-position:-1px -70px;}*/

/*.icon-android{width: 15px; height: 17px; background-position: -20px -72px;}*/

.icon-small-code {

    width: 13px;

    height: 13px;

    background-position: 0 -90px;

}



.icon-camera {

    width: 15px;

    height: 13px;

    background-position: -18px -91px;

}



.icon-service {

    width: 15px;

    height: 13px;

    background-position: -19px 0;

}



.icon-order {

    width: 15px;

    height: 15px;

    background-position: -20px -15px;

}



.icon-user1 {

    width: 16px;

    height: 16px;

    background-position: -37px 0;

}



.icon-prompt {

    width: 14px;

    height: 14px;

    background-position: -38px -19px;

}



.icon-faq {

    width: 32px;

    height: 32px;

    background-position: -34px -36px;

}



.icon-big-iphone {

    width: 21px;

    height: 25px;

    background-position: -43px -71px;

}



.icon-big-android {

    width: 20px;

    height: 24px;

    background-position: -44px -101px;

}



.icon-dianshang {

    width: 40px;

    height: 35px;

    background-position: -79px -1px;

}



.icon-zixun {

    width: 33px;

    height: 32px;

    background-position: -85px -42px;

}



.icon-shipin {

    width: 33px;

    height: 33px;

    background-position: -85px -82px;

}



.icon-keji {

    width: 39px;

    height: 31px;

    background-position: -80px -122px;

}



.icon-youxi {

    width: 36px;

    height: 34px;

    background-position: -82px -161px;

}



.icon-jiaoyu {

    width: 43px;

    height: 29px;

    background-position: -75px -203px;

}



.icon-shejiao {

    width: 36px;

    height: 32px;

    background-position: -82px -241px;

}



.icon-meishi {

    width: 37px;

    height: 34px;

    background-position: -81px -280px;

}



.icon-modal-error1 {

    width: 49px;

    height: 49px;

    background-position: -1px -283px;

}



.icon-modal-error2 {

    width: 49px;

    height: 49px;

    background-position: 0 -179px;

}



.icon-modal-error3 {

    width: 47px;

    height: 47px;

    background-position: -5px -387px;

}



.icon-modal-success1 {

    width: 49px;

    height: 49px;

    background-position: 0 -128px;

}



.icon-modal-success2 {

    width: 49px;

    height: 49px;

    background-position: 0 -231px;

}



.icon-modal-success3 {

    width: 49px;

    height: 48px;

    background-position: -1px -335px;

}



.icon-delete2 {

    width: 17px;

    height: 17px;

    background-position: -103px -320px;

}



.icon-wechat {

    width: 30px;

    height: 25px;

    background-position: -182px -2px;

}



/*.icon-tel{width: 27px; height: 26px; background-position: -87px -1px;}*/

.icon-customer {

    width: 25px;

    height: 26px;

    background-position: -121px -1px;

}



.icon-qq {

    width: 27px;

    height: 27px;

    background-position: -152px -1px;

}



.icon-go-top {

    width: 29px;

    height: 15px;

    background-position: -91px -73px;

}



.icon-document1 {

    width: 26px;

    height: 25px;

    background-position: -94px -370px;

}



.icon-document2 {

    width: 24px;

    height: 26px;

    background-position: -96px -399px;

}



.icon-document3 {

    width: 23px;

    height: 25px;

    background-position: -97px -429px;

}



.icon-document4 {

    width: 24px;

    height: 24px;

    background-position: -96px -458px;

}



.icon-small-doc1 {

    width: 15px;

    height: 14px;

    background-position: -74px -328px;

}



.icon-small-doc2 {

    width: 13px;

    height: 15px;

    background-position: -75px -346px;

}



.icon-small-doc3 {

    width: 14px;

    height: 15px;

    background-position: -76px -365px;

}



.icon-small-doc4 {

    width: 14px;

    height: 14px;

    background-position: -75px -384px;

}



/*阿里巴巴图标 优先级*/

.icon-checkbox-checked1:before {

    content: "\e685";

}



/*自定义复选框*/

.tw-checkbox {

    cursor: pointer;

}



.icon-checkbox {

    width: 28px;

    height: 28px;

    background-position: 0 -39px;

}



.icon-checkbox-small {

    width: 17px;

    height: 18px;

    background-position: -103px -349px;

}



/*.icon-checkbox.checked{background-position: 0 0; position: relative;}*/



/*自定义单选框1*/

.icon-radio {

    width: 16px;

    height: 16px;

    background-position: 0 0;

    position: relative;

    top: 3px;

    margin-right: 5px;

}



.icon-radio-checked {

    width: 16px;

    height: 16px;

    background-position: 0 -17px;

    position: relative;

    top: 3px;

    margin-right: 5px;

}



/*自定义单选框2*/

.radio-round li {

    float: left;

    margin-right: 40px;

    cursor: pointer;

}



/*自定义单选框3*/

.radio-tick li {

    float: left;

    width: 140px;

    padding: 9px 12px;

    position: relative;

    cursor: pointer;

    margin-right: 20px;

}



.radio-tick li .icon-checkbox {

    display: none;

    position: absolute;

    right: 0;

    bottom: 0;

}



.radio-tick li.active {

    border-color: #157df1;

}



.radio-tick li.active .icon-checkbox {

    display: block;

}



/*自定义单选框4*/

.radio-tick li {

    float: left;

    width: 140px;

    padding: 9px 12px;

    position: relative;

    cursor: pointer;

    margin-right: 20px;

}



.radio-tick li .icon-checkbox-small {

    display: none;

    position: absolute;

    right: 0;

    bottom: 0;

}



.radio-tick li.active {

    border-color: #157df1;

}



.radio-tick li.active .icon-checkbox-small {

    display: block;

}





/*自定义下拉框*/

.select-down {

    border-radius: 0;

    border: 1px solid #e5e5e5;

    height: 40px;

    box-shadow: none;

    color: #333;

    width: 100%;

    position: relative;

    cursor: pointer;

    padding: 6px 12px;

    background: #fff;

}



.select-down .text {

    color: #999;

    height: 100%;

    line-height: 26px;

}



.select-down .arrows-down {

    position: absolute;

    top: 9px;

    right: 10px;

    color: #333;

    font-size: 22px;

    transition: all 500ms;

    line-height: normal;

}



.select-down .down {

    width: 100%;

    position: absolute;

    top: 39px;

    left: -1px;

    z-index: 2;

    border: 1px solid #e5e5e5;

    border-top: none;

    background: #fff;

    display: none;

    max-height: 200px;

    overflow-x: hidden;

    box-sizing: content-box;

}



.select-down .down li {

    line-height: 34px;

    padding-left: 15px;

    width: 100%;

    color: #666;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.select-down .down li:hover {

    background: #f7f7f7;

    color: #da0632;

}



.select-down .down li.active {

    background: #f7f7f7;

}



.select-down select {

    display: none;

}



/*弹窗*/



/*body{padding-right: 0 !important;}*/

/*.modal-open{overflow-y: auto !important; padding-right: 0 !important;}*/



/*

.modal{display: block;}

.fade{opacity: 1;}

.modal.fade .modal-dialog{transform: translate(0,0);}

*/



@media (min-width: 1200px) {

    .ms-modal .modal-sm {

        width: 320px;

    }

}



.ms-modal .modal-body {

    padding: 30px;

}



.ms-modal .modal-title {

    color: #fff;

    text-align: center;

    font-weight: 600;

    font-size: 16px;

}



/*.ms-modal .modal-header{padding-left: 25px;}*/

.ms-modal .modal-dialog {

    margin-top: 100px;

}



@media (max-width: 750px) {

    .ms-modal .modal-dialog {

        margin: 100px 30px 10px;

    }

}



.ms-modal .modal-p {

    line-height: 22px;

}



.ms-modal .modal-btn {

    padding: 6px 30px;

}



.ms-modal .modal-btn {

    padding: 9px 30px;

}



.ms-modal .modal-btn:empty {

    display: none;

}



@media (max-width: 750px) {

    .ms-modal .modal-btn {

        width: 100%;

    }

}



/*自定义container*/

@media (min-width: 1170px) {

    .container {

        padding-left: 0;

        padding-right: 0;

    }

}



@media (width: 1024px) {

    .visible-1024 {

        display: block;

    }



    .hidden-1024 {

        display: none !important;

    }

}



@media (width: 768px) {

    .visible-768 {

        display: block !important;

    }



    .hidden-768 {

        display: none !important;

    }

}



/*将dcss容器里的所有元素设为默认值*/

.dcss html,
.dcss address,
.dcss blockquote,
.dcss body,
.dcss dd,
.dcss div,

.dcss dl,
.dcss dt,
.dcss fieldset,
.dcss form,
.dcss frame,
.dcss frameset,

.dcss h1,
.dcss h2,
.dcss h3,
.dcss h4,
.dcss h5,
.dcss h6,
.dcss noframes,

.dcss ol,
.dcss p,
.dcss ul,
.dcss center,
.dcss dir,
.dcss hr,
.dcss menu,

.dcss pre {

    display: block;

}



.dcss li {

    display: list-item;

}



.dcss head {

    display: none;

}



.dcss table {

    display: table;

}



.dcss tr {

    display: table-row;

}



.dcss thead {

    display: table-header-group;

}



.dcss tbody {

    display: table-row-group;

}



.dcss tfoot {

    display: table-footer-group;

}



.dcss col {

    display: table-column;

}



.dcss colgroup {

    display: table-column-group;

}



.dcss td,
.dcss th {

    display: table-cell;

}



.dcss caption {

    display: table-caption;

}



.dcss th {

    font-weight: bolder;

    text-align: center;

}



.dcss caption {

    text-align: center;

}



.dcss body {

    margin: 8px;

    line-height: 1.12;

}



.dcss h1 {

    font-size: 2em;

    margin: .67em 0;

    line-height: 1.5em;

}



.dcss h2 {

    font-size: 1.5em;

    margin: .75em 0;

    line-height: 1.5em;

}



.dcss h3 {

    font-size: 1.17em;

    margin: .83em 0;

    line-height: 1.5em;

}



.dcss h4 {

    font-size: 1.09em;

    margin: 1.12em 0;

    line-height: 1.5em;

}



.dcss h4,
.dcss p,
.dcss blockquote,
.dcss ul,
.dcss fieldset,
.dcss form,
.dcss ol,
.dcss dl,
.dcss dir,
.dcss menu {

    margin: 1.12em 0;

}



.dcss h5 {

    font-size: .83em;

    margin: 1.5em 0;

    line-height: 1.5em;

}



.dcss h6 {

    font-size: .75em;

    margin: 1.67em 0;

    line-height: 1.5em;

}



.dcss h1,
.dcss h2,
.dcss h3,
.dcss h4,
.dcss h5,
.dcss h6,
.dcss b,
.dcss strong {

    font-weight: bolder;

}



.dcss blockquote {

    margin-left: 40px;

    margin-right: 40px;

}



.dcss i,
.dcss cite,
.dcss em,
.dcss var,
.dcss address {

    font-style: italic;

}



.dcss pre,
.dcss tt,
.dcss code,
.dcss kbd,
.dcss samp {

    font-family: monospace;

}



.dcss pre {

    white-space: pre;

}



.dcss button,
.dcss textarea,
.dcss input,
.dcss object,
.dcss select {

    display: inline-block;

}



.dcss big {

    font-size: 1.17em;

}



.dcss small,
.dcss sub,
.dcss sup {

    font-size: .83em;

}



.dcss sub {

    vertical-align: sub;

}



.dcss sup {

    vertical-align: super;

}



.dcss table {

    border-spacing: 2px;

}



.dcss thead,
.dcss tbody,
.dcss tfoot {

    vertical-align: middle;

}



.dcss td,
.dcss th {

    vertical-align: inherit;

}



.dcss s,
.dcss strike,
.dcss del {

    text-decoration: line-through;

}



.dcss hr {

    border: 1px inset;

}



.dcss ol,
.dcss ul,
.dcss dir,
.dcss menu,
.dcss dd {

    margin-left: 40px;

}



.dcss ol,
.dcss ul,
.dcss li {

    list-style-type: decimal;

}



.dcss ol ul,
.dcss ul ol,
.dcss ul ul,
.dcss ol ol {

    margin-top: 0;

    margin-bottom: 0;

}



.dcss u,
.dcss ins {

    text-decoration: underline;

}



.dcss br:before {

    content: "A";

}



.dcss :before,
.dcss :after {

    white-space: pre-line;

}



.dcss center {

    text-align: center;

}



.dcss abbr,
.dcss acronym {

    font-variant: small-caps;

    letter-spacing: 0.1em;

}



.dcss :link,
.dcss :visited {

    text-decoration: underline;

}



.dcss :focus {

    outline: thin dotted invert;

}



.dcss BDO[DIR="ltr"] {

    direction: ltr;

    unicode-bidi: bidi-override;

}



.dcss BDO[DIR="rtl"] {

    direction: rtl;

    unicode-bidi: bidi-override;

}



.dcss *[DIR="ltr"] {

    direction: ltr;

    unicode-bidi: embed;

}



.dcss *[DIR="rtl"] {

    direction: rtl;

    unicode-bidi: embed;

}



@media print {

    .dcss h1 {

        page-break-before: always;

    }



    .dcss h1,
    .dcss h2,
    .dcss h3,
    .dcss h4,
    .dcss h5,
    .dcss h6 {

        page-break-after: avoid;

    }



    .dcss ul,
    .dcss ol,
    .dcss dl {

        page-break-before: avoid;

    }

}



.red {

    color: red !important;

}



.green {

    color: green !important;

}



.blue {

    color: blue !important;

}



.orange {

    color: orange !important;

}



ul.step {

    overflow: hidden;

    margin-bottom: 10px;

}



ul.step li.active {

    background-color: rgb(30, 30, 30);
    color: #f77721;

}



ul.step li {

    float: left;

    background-color: rgb(30, 30, 30);

    width: 19.5%;

    height: 44px;

    line-height: 44px;

    text-align: center;

    color: #fff;

    position: relative;

    border: none;

}



ul.step li span {

    display: inline-block;

    width: 18px;

    height: 18px;

    border-radius: 50%;

    border: 1px solid #f77721;

    color: #f77721;

    line-height: 16px;

    text-align: center;

    font-size: 12px;

    margin-right: 10px;

}





ul.step li:after,
ul.step li:before {

    left: 100%;

    top: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    z-index: 1;

}



ul.step li:before {

    border-color: rgba(255, 0, 0, 0);

    border-left-color: #f2f2f5;

    border-width: 30px;

    margin-top: -30px;

}



ul.step li:after {

    border-color: rgb(30, 30, 30);

    border-left-color: rgb(59, 59, 59);

    border-width: 25px;

    margin-top: -25px;

    z-index: 1;
    background-color: rgb(30, 30, 30);
}



.ptype label {

    border: solid 1px #e7f2fe;

}



.ptype .selon {

    background-color: #e7f2fe;

    border: solid 1px #157df1;

    color: #157df1;

}



.step2,
.step3,
.step4,
#prev_view_btn {

    display: none;

}



ul.period li {

    float: left;

    margin-right: 15px;

}



.form-group1 {

    margin-bottom: 25px;

}

.warn-prompt-wrap1 {

    width: 788px;

    height: auto;

    border: 1px dashed rgba(0, 0, 0, .5);

    border-radius: 15px;

    margin: 0 auto;

}

.warn-prompt-wrap1as {

    width: 100%;

    height: auto;

    border: 1px dashed rgba(0, 0, 0, .5);

    border-radius: 15px;

    margin: 0 auto;

}

.warn-prompt-wrap1ass {

    width: 1275px;

    height: auto;

    border: 1px dashed rgba(0, 0, 0, .5);

    border-radius: 15px;

    margin: 0 auto;

}