/*头部导航菜单 begin*/
header{color: #fff;background-color: rgba(35, 87, 196, 0.5);width: 90%;max-width: 1440px;height:112px;position:fixed;top:0;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);z-index:99}
header.fixed{background-color: #154CBF;box-shadow:0 10px 20px 0 rgba(140,175,228,.33)}
header a{color: #fff}
.logo{float:left;line-height:112px;overflow:hidden;width: 90px}
.logo img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.nav{float:right;position: relative;padding-top: 56px;}
.nav li{float:left;position:relative;text-align: center;margin-left: 42px}
.nav .last_li{width: 112px}
.nav li .v1{display:block;font-size:18px;font-weight: bold;color:#fff;height: 56px}
.nav li.on .v1{color:#fff}
.nav li .v1 span{display: block;position: relative}
.nav li.on .v1 span:after,
.nav li:hover .v1 span:after{display: block;content: '';width: 66px;height: 4px;background: #fff;position: absolute;left: 50%;bottom: -5px;margin-left: -33px}
/*.nav li .v1:hover{text-shadow:1px 2px 2px rgba(124,168,230,.8)}*/
.nav li .sub{position: absolute;top: 100%;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);border: 1px solid #B4CEFF;border-top: none;width: 166px;display:none}
.nav li .sub dl{padding:10px 0;display:block;background-color:#154CBF}
.nav li .sub dl dt{display:block;cursor:pointer}
.nav li .sub dl dd{display:none;background-color:#154CBF}
.nav li .sub a{display:block;font-size:12px;text-align:center;color:black;background-color: rgba(255, 255, 255, 0.9);border-top: 1px solid #B4CEFF;line-height: 50px}
.nav li .sub a:hover{background: #154CBF;color: #fff}
.nav .pos{position: absolute;right: 0;top: 12px;line-height: 30px}
.nav .pos,
.nav .pos a{color: rgba(255, 255, 255, 0.9)}
.nav .pos .iconfont{font-size: 18px;margin-right: 2px}
.nav .pos .icon-sanjiao{-webkit-transform: scale(0.4) rotate(90deg);-moz-transform: scale(0.4) rotate(90deg);-ms-transform: scale(0.4) rotate(90deg);-o-transform: scale(0.4) rotate(90deg);transform: scale(0.4) rotate(90deg);display: inline-block;}
.nav .pos li{margin-left: 18px;padding-left: 18px;}
.nav .pos li:not(:first-child)::after{content: '';display: block;width: 1px;height: 12px;background: rgba(255, 255, 255, 0.5);position: absolute;top: 50%;margin-top: -6px;left: 0}
.nav .pos li .sub{top: 123%;left: 64%;width: 100%;}
.nav .pos li .sub a{line-height: 36px;}
.menuBtn{display:none;position:fixed;top:15px;right:20px;width:30px;height:30px;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn b{display:block;height:4px;background-color:#fff;margin:4px 0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn.open b{display:none;margin:-5px 0 0;position:absolute;left:0;top:62%;width:30px}
.menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.so{width:0;height:30px;border:1px solid transparent;overflow:hidden;border-radius:20px;position:relative;padding-right:30px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.so .btn{display:block;position:absolute;right:0;top:0;width:30px;height:30px;background:none;border:none;font-size:0;cursor:pointer}
.so .inp{display:block;width:100%;overflow:hidden;height:28px;background:0 0;padding:0 10px;color: #fff;font-size: 16px}
.so span{position: absolute;right: 10px;font-size: 20px;}
.cur,.cur a{font-size:14px;color:#999;line-height:48px}
.cur{border-bottom:1px solid #e1e1e1}
.cur span{color:#333}
.cur a:hover{color:#ca1318}
.cpr {cursor:pointer;}
/* 模态框 */.proModal .proModal_tit {padding:0 10px;font-size:20px;}
.proModal .modal-dialog {max-width:800px;}
.proModal .modal-body {padding:1rem 2rem;}
.proModal form {padding:20px 40px;padding-bottom:0;}
.proModal textarea {resize:none;min-height:100px;}
.proModal .release_submit {text-align:center;margin-bottom:0;}
.proModal .release_submit button {background:#154cbf;color:#fff;border:none;font-size:14px;width:80%;height:40px;margin-top:1rem;}
.proModal .el-table .cell {text-align:center;min-height:40px;}
.proModal #editor—wrapper {border:1px solid #ccc;z-index:100;/* 按需定义 */}
.proModal #toolbar-container {border-bottom:1px solid #ccc;}
.proModal #editor-container {height:200px !important;}
.proModal .upload_icon {width:20px;margin-right:5px;}
#release .w-e-bar-item {padding:0 !important;}
/* 发布 */.proModal .release_upload {display:flex;}
.proModal .upload {margin-right:10px;display:flex;border:1px solid gray;width:max-content;padding:2px 10px;border-radius:2px;font-size:13px;align-items:center;}

/* 下单询盘 */#inquiry textarea {min-height:200px;}
#inquiry .release_submit button{margin: 2rem;}

/* 翻译 */
.copyAlert {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.translate form{padding: 10px 14px;}
.translate .modal-content{
    background: #f8f8f8;
}
.translate .tran_one,.translate .tran_two{
    background-color: #fff;
    padding: 15px;
    border-radius: 5%;}
.translate .tran_two{margin-top: 10px;}
.translate .tran_icon{
    width: 30px;
}
.translate .modal-dialog{max-width: 500px;}
.translate .proModal_tit{display: flex;}
.translate .translate_select{
    position: relative;
    display: inline-block;
}
.translate .translate_select::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #5f5f5f transparent transparent transparent;
}
.translate .translate_select select{
    width: 95px;
    padding: 3px 5px;
    border-radius: 2px;
    background: #f3f3f3;
    font-size: 13px;
}
.translate textarea{
    width: 100%;
    height: 100px;
    overflow-y: scroll;
    border: 1px solid #c7c7c7;
}
.translate .tran_one .tran_flex .tran_icon{width: 18px;}
.translate .tran_one .tran_group{display: flex;justify-content: space-between;margin: 0;}
.translate .tran_one .tran_right{display: flex;}
.translate .tran_flex{
    cursor: pointer;
    display: flex;
    width: 70px;
    align-items: center;
    justify-content: space-around;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 2px;
}
.translate .tran_copy{
    padding-left: 0;
    justify-content: space-between;
    width: 55px;
}
.translate .tran_del{
    border: 1px solid #c7c7c7;
}
.translate .tran_tran{
   background-color:#06b650 ;
   color: #fff;
   margin-left: 10px;
}

#proRelease .proRelease_select{
    position: relative;
    display: inline-block;
    width: 100%;
}
#proRelease .proRelease_select::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #5f5f5f transparent transparent transparent;
}
#proRelease .proRelease_select select{
    width: 100%;
    padding: 0.375rem 0.75rem;
    border-radius: 2px;
    font-size: 13px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    height: 40px;
}
#proRelease .proRelease_select select option{
    padding: 5px 0;
}
#proRelease  .pro_uplogo{
    display: flex;
    justify-content: space-between;
}
#proRelease  .pro_uplogo .pro_uplogo_right{
    width: 80%;
    border: 1px solid #ced4da;
    border-radius: 5%;
}
#proRelease  .pro_uplogo .pro_uplogo_right input{
    font-size: 0.8rem;
}
#proRelease  .pro_uplogo .pro_uplogo_right img{
    height: calc(1.5em + .75rem + 2px);
    margin-left: 1rem;
}
#proRelease  .pro_uplogo .pro_uplogo_left {
    position: relative;
    width: 18%;
    border: 1px solid #ced4da;
    border-radius: 5%;
}
#proRelease  .pro_uplogo .pro_uplogo_left input{
    width: 100%;    
}
#proRelease  .pro_uplogo .pro_uplogo_left .file_img{
    opacity: 0;
    height: 100%;
}
#proRelease  .pro_uplogo .pro_uplogo_left .release_upload{
    position: absolute;
    top: 5%;
    height: 32px;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}

/* 会员中心 下单模态框 */
.mand_proModal .form-group{
position: relative;
}
.mand_proModal .mandatory{
    position: absolute;
    right: 10px;
    top: 0;
    height: 100%;
    line-height: 40px;
    color: red;
}
.mand_proModal .half{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mand_proModal .half .form-group{
    width: 48%;
}
.glb_hint_alert{
    z-index: 1100;
}

.details_logo p img{
    max-height: 55px;
}

@media only screen and (min-width:1199px){
    .so:hover{width:200px;border:1px solid #fff;}
}

@media only screen and (max-width:1280px){
    .nav li {
        float: left;
        position: relative;
        text-align: center;
        margin-left: 30px;
    }
}

/*移动ipa端头部导航菜单*/
@media only screen and (max-width:1199px){
    .nav li.on .v1 span:after, .nav li:hover .v1 span:after {
        width: 50px;
        height: 3px;
        bottom: 5px;
        margin-left: -25px;
    }

    body,header,.wp {width: 100%;}
    header{height:60px;background: #154CBF}
    header.fixed{background: #154CBF}
    .nav{position:fixed;top:60px;left:0;right:0;background-color:#3563c5;z-index:99;display:none;padding-top:15px;padding-bottom: 20px;max-height: 37em;overflow: auto}
    .nav li{float:none;width:auto;text-align:center;margin-left: 0;}
    .nav li a{display:block;margin:0}
    .nav li .v1{line-height:2.7;font-size: 18px;height: auto}
    .nav li .sub a {
        line-height: 44px;
    }
    .nav li .sub{position:static;width: 100%;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);border: none;}
    .so {width: 86%;margin: 20px auto;border: 1px solid #fff;}
    .menuBtn{display:block}
    .logo{line-height:58px;width: 46px}

    .nav .pos {position: static;}
    .nav li:hover .v1 span:after {display: none;}
    .nav .pos li{margin-left: 0;padding-left: 0}
    .nav .pos li:not(:first-child){float: left;width: 33.3%;}
    .nav .pos a{display: inline-block}
}
/*头部导航菜单 end*/

/* 手机端模态框 */
@media only screen and (max-width:768px){
    #proRelease .pro_uplogo{
        flex-wrap: wrap;
    }
    #proRelease .pro_uplogo .pro_uplogo_right{
        width: 100%;
    }
    #proRelease .pro_uplogo .pro_uplogo_left{
        width: 40%;
        margin-top: 10px;
    }
    .modal  .w-e-bar-item{
        padding:0;
    }
}