@charset "utf-8";

ul li{ list-style: none; }
placeholder { opacity:1;color:#adb5bd}
input{outline: none;}
input:focus{ outline: none;}
textarea:focus{ outline: none;}

.fl { float:left!important; }
.fr { float:right!important; }
.bold { font-weight:bold;}

.c-flex {
    display: flex;
     align-items: center;
     flex-wrap: wrap;
}
.align-start{
    align-items: flex-start;
}

.just-between{
    justify-content: space-between;
}
.just-cen{
    justify-content: center;
}
.add-login .login, .add-login .register{
    position: initial;
    transform: initial;

}

/* 首页  */
#vurl {
    color: #666666;
}
.page-step .list {
    padding: 30px 0;
    text-align: center;
    width: 33.33%;
}
.page-step .mt-step-number {
    font-size: 26px;
    border-radius: 50%!important;
    display: inline-block;
    margin: auto auto 10px;
    border: 3px solid #e5e5e5;
    position: relative;
    z-index: 5;
    height: 60px;
    width: 60px;
    color: #666666;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-step .mt-step-title {
    font-size: 14px;
    position: relative;
}
.page-step .mt-step-title:after, .page-step .mt-step-title:before {
    content: '';
    height: 3px;
    width: 50%;
    position: absolute;
    background-color: #e5e5e5;
    top: -32px;
    z-index: 4;
    transform: translateY(-100%);
}
.page-step .mt-step-title:before {
    right: 50%;
}
.page-step .mt-step-title:after {
    left: 50%;
}
.page-step .list.active .mt-step-number {
    color: #32c5d2;
    border-color: #32c5d2;
}
.page-step .list.active .mt-step-title {
    color: #32c5d2;
}
.page-step .list.active .mt-step-title:after, .page-step .list.active .mt-step-title:before {
    background-color: #32c5d2;
}
.page-step .list.first .mt-step-title:before{
    display: none;
}
.page-step .list.last .mt-step-title::after{
    display: none;
}
.form-groups {
    padding: 30px 20px 30px;
}
.form-groups .urlitem {
    border: none;
    border-bottom: 1px solid #27a4b0;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    padding: 0 8px;
    font-size: 14px;
}
.input-groups-control{
    display: flex;
    align-items: center;
    height: 42px;
    color: #333;
}
.input-groups-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100%;
    background: #27a4b0;
    color: #fff !important;
    cursor: pointer;
    font-size: 14px;
}
.form-groups .warning-text{
    color: #e65529;
    text-align: left;
    margin: 10px 0 0 8px;
    font-size: 14px;
}
input::-webkit-input-placeholder {
    color: #c0c4cc;
}

input::-moz-input-placeholder {
    color: #c0c4cc;
}

input::-ms-input-placeholder {
    color: #c0c4cc;
}

/* 解析结果 */
article table>tbody>tr>td, article table>tbody>tr>th, article table>tfoot>tr>td, article table>tfoot>tr>th, article table>thead>tr>td, article table>thead>tr>th{
    border: none;
}
 #analysis-list .table tr{
    border-top: none;
    border-bottom: 1px solid #dee2e6;
}
#analysis-list .table td{
    border-bottom: none;
    border-top: none;
}
#analysis-list .dlTh .btn{
    padding: 2px 0.6rem;
}
#analysis-list .table .bold td{
    line-height: 44px;
}
.mediaInfo{
    margin: 20px 0;
}
.mediaInfo .mt-overlay-2,.mediaInfo .mt-overlay-2 .mt-overlay,.taskInfo .mt-overlay-2,.taskInfo .mt-overlay-2 .mt-overlay,.tb,.tb img {
	border-radius:3px
}
.mt-element-overlay .mt-overlay-2 img {
	-webkit-transition:all .1s ease-in;
	transition:all .1s ease-in
}
.mt-element-overlay .mt-overlay-2 .mt-info,.mt-element-overlay .mt-overlay-2 h2 {
	transition:all .2s ease-in
}
.mt-element-overlay .mt-overlay-2 .mt-info {
	left:50%
}
.mediaInfo .urlDiv,.mediaInfo .titleDiv,.mediaInfo .durationDiv {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.mediaInfo .webUrl, .mediaInfo .title {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.mt-overlay .btn.btn-outline.default.active,.mt-overlay .btn.btn-outline.default:active,.mt-overlay .btn.btn-outline.default:active:focus,.mt-overlay .btn.btn-outline.default:active:hover,.mt-overlay .btn.btn-outline.default:focus,.mt-overlay .btn.btn-outline.default:hover {
	border-color:rgba(225,229,236,0.51);
	color:#fff;
	background-color:rgba(225,229,236,0.5)
}
.add-left{
    width: 70%;
    font-size: 14px;
}
.add-left>div{
    margin: 10px 0;
}
.mt-element-overlay {
	width: 20%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.mt-element-overlay img {
	max-width:240px;
	max-height:120px;
	object-fit:cover;
    transition: all .4s;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.add-info{
    position: absolute!important;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.add-info a{
    background-color: rgba(225,229,236,0.5);
    padding: 4px 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    border: 1px solid #e1e5ec;
    transform: scale(.7);
    display: block;
    opacity: 0;
    transition: all .4s;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.mt-element-overlay:hover img{
    transform: scale(1.2);
}
.mt-element-overlay:hover .add-info a{
    opacity: 1;
    transform: scale(1);
}
#analysis-list .table>tbody>tr>td, #analysis-list .table>tbody>tr>th, #analysis-list .table>thead>tr>td, #analysis-list .table>thead>tr>th {
	vertical-align:middle;
    font-size:14px;
    padding:0;
}
#ytbInfo .dlTh {
	text-align:left
}
#ytbInfo .quality i {
	margin-right:5px
}
/* #ytbInfo .vcontainer .button-dropdown-list>li>a {
	line-height:30px
} */
#ytbInfo .vcontainer {
	line-height: 1.5;
    display: inline-block;
    padding: 0.625rem 0 !important;
}


.containerBtn {
	font-size:1em;
	padding-left:0;
	padding-right:0;
	color:black;
	background-color:transparent;
	white-space:nowrap
}
.containerUl {
	display:none;
	width:7em!important;
	text-align:center;
	border-radius:3px
}
.containerUl a {
	color:black!important
}
.containerUl a:hover {
	color:#1b9af7!important;
	cursor:pointer!important
}
#ytbInfo .containerBtn {
	font-weight:normal;
}
#ytbInfo .button-dropdown.button-dropdown-plain .button-dropdown-list {
	background:#47515e;
	border-color:#6a707c
}
#ytbInfo .containerUl a {
	color:#bbc2cb!important
}
#ytbInfo .button-dropdown.button-dropdown-plain .button-dropdown-list>li>a:hover {
	background:#69727a
}
#ytbInfo .dlTh .btn-info {
	background-color:#578ebe;
	border-color:#578ebe
}
#ytbInfo .dlTh btn {
	color:#e6e6e6
}
.progress {
	margin-bottom:0;
    height: 27px;
    border-radius: .25rem;
    background-color: #f5f5f5;
}
.green-meadow:not(.btn-outline) {
    color: #FFF;
    background-color: #1BBC9B;
    border-color: #1BBC9B;
}
.green-meadow span, .btn-info span {
    margin-left: 5px;
}
.copyBtn {
	width:2em;
	padding:0;
	background-color:transparent;
	color:#36c6d3
}
.copyBtn i {
	font-size:14px;
	vertical-align:text-top
}
.copyBtn.focus,.copyBtn:focus,.copyBtn:hover {
	color:#2f8b98
}

@media(max-width:767px) {
    .mt-element-overlay{
        width: 80%;
    }
    .mt-element-overlay{
        width: 80%;
    }
    .add-left{
        width: 100%;
        margin-top: 20px;
    }
    .mediaInfo{
        flex-direction: column-reverse;
    }
    .vcontainerTh{
        display: none;
    }
    .sizeTh{
        display: none;
    }
    #ytbInfo .containerBtn{
        display: none;
    }
    #ytbInfo tbody td.size{
        display: none;
    }
    #ytbInfo tbody td.quality{
        width: calc(100% - 68px);
    }
    #ytbInfo tbody td{
        padding: 6px 0!important;
    }
    #ytbInfo .vcontainer {
        display: none;
    }
    #ytbInfo .dlTh {
        width: 68px;
        display: flex;
        justify-content: flex-end;
    }
    #ytbInfo .qualityTh{
        width: calc(100% - 68px);
    }
    #analysis-list .table tr {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #ytbInfo .dlTh .progress{
        width: 100%;
    }
    #ytbInfo .dlTh span#dlIcon6{
        display: flex!important;
        justify-content: space-between
    }
    .dlTh button span,.dlTh a span {
        display:none
    }
    .add-download{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .add-download .btn:not(:last-child){
        margin-right: 0;

   }
    .add-download .btn{
        padding: 0.625rem 0.95rem;
        margin-bottom: 15px;
    }
}



/* 最新下载  */ 
.newest ul li { float:left; width:100%; line-height:2; background: url(../img/dot.png) no-repeat left 8px; padding-left: 26px;}
.newest li a{ font-weight: 400; }
.newest li .vi-tit{ width:70%; float:left; text-align:left; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.newest li span{ width:20%; float:right; text-align:right; color: #666; }
.next-page { width:100%; float:left; margin-top:20px; }
.next-page a { padding: 5px 30px; border-radius: 3px; box-shadow: 0 3px 8px 0 rgba(67, 65, 62, 0.5); }


/* 支持站点  */ 
.extractors table { width: 100%; overflow: auto; border-collapse: collapse; }
thead { display: table-header-group; vertical-align: middle; border-color: inherit; }
.extractors table tr { background-color: #fff; border-top: 1px solid #c6cbd1; }
.extractors table th { padding: 10px 0; border: 1px solid #dfe2e5; box-sizing: border-box; text-align: center; }
.extractors table td { padding: 8px 0; border: 1px solid #dfe2e5; box-sizing: border-box; }


/* 帮助中心  */ 
#help .faqlist { padding:20px; text-align: left;}
#help dt { cursor:pointer; color:#312A1E; font-size:16px; margin-bottom:20px; line-height: 30px;}
#help dd { display:none;color:#767676; font-size:14px; padding:10px; border-radius:5px; background:#ffffff; margin-bottom:20px; line-height:25px; letter-spacing:1px;}
#help dt,#help dd { margin-left:50px; position:relative;}
#help dt i,#help dd i {background:url(../img/faq.png) no-repeat; width:30px; height:30px; display:block; position:absolute; left:-50px; top:0px;}
#help dd i {background-position: 0 -35px;}


/* 在线留言  */ 
.msg input { height: auto !important; border: 0 !important; margin-bottom: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important;}
.msg .info { display: none !important;}
.v .vlist .vcard .vcontent { text-align: unset !important;}


/* 在线客服 */
.service-side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:9999;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.service-side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.service-side ul li:hover{background:#e65529;color:#fff}
.service-side ul li:hover a{color:#fff}
.service-side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.service-side ul li i.bgs1{background-image:url(../img/right_qq.png)}
.service-side ul li i.bgs2{background-image:url(../img/right_group.png)}
.service-side ul li i.bgs3{background-image:url(../img/right_wx.png)}
.service-side ul li i.bgs6{background-image:url(../img/right_gotop_on.png)}
.service-side ul li:hover i.bgs1{background-image:url(../img/right_qq_on.png)}
.service-side ul li:hover i.bgs2{background-image:url(../img/right_group_on.png)}
.service-side ul li:hover i.bgs3{background-image:url(../img/right_wx_on.png)}
.service-side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.service-side ul li.sidetop{background:#e65529;color:#fff}
.service-side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.service-side ul li.qqonline .qqBox.son{width: 180px;height: 120px;display:none;color:#fff;text-align:left;position:absolute;left: -180px;top: -20px;background:#e65529;}
.service-side ul li.qqonline .qqBox.son a{color:#fff; }
.service-side ul li.qqonline .qqBox.son a:hover{font-weight:bold; }
.service-side ul li.qqonline .qqBox dd{display:block;height: 60px;overflow:hidden;padding-left: 70px;line-height: 60px;font-size: 14px;margin-left:0 !important;}
.service-side ul li.qqonline .qqBox dd.qq-icon1{background: url(../img/right_qq_ico.png) 28px center no-repeat;}
.service-side ul li.qqonline .qqBox dd.qq-icon2{background:url(../img/right_qq_ico.png) 28px center no-repeat;}
.service-side ul li.qqonline .qqBox dd.qq-icon3{background: url(../img/right_qq_ico.png) 28px center no-repeat;}
.service-side ul li.sideewm .ewBox.son{width:180px;display:none;color:#363636;text-align:center;padding-top:207px;position:absolute;left:-182px;top:0;background-image:url(../img/wx.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.service-side ul li.group .groupBox.son{width: 180px;height:70px; display:none; color:#fff;text-align:left;position:absolute;left: -180px;top: 5px;background:#f67524;}
.service-side ul li.group .groupBox dd{display:block;height:70px;overflow:hidden;padding-left: 115px;line-height:24px;font-size:14px;margin-left:0 !important;}
.service-side ul li.group .groupBox dd span{display:block;line-height: 70px;height: 70px;overflow:hidden; font-size:14px;}
.service-side ul li.group .groupBox dd.group-icon{background:url(../img/group.png) 20px center no-repeat;background-color:#e65529}
.service-side ul li:hover .son{display:block!important;animation:fadein 1s}


/* 登录 */
.login { display: flex; flex-direction: column; justify-content: center; position: absolute; top: 50%; left: 50%; width: 400px; height: 400px; transform: translate(-50%, -50%); box-sizing: border-box; }
.login-logo { padding-top: 30px; padding-bottom: 20px; text-align: center; }
.login-col { line-height: 1; font-size: 20px; color: #333333; text-align: center; font-weight: 600;}
.login-list { margin-top: 30px; padding: 0; }
.login-list li { display: flex;justify-content: space-between; overflow: hidden; margin-top: 15px; border: 1px solid #daebea; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.login-list li:first-child { margin-top: 0; }
.login-input { float: left; padding: 11px 15px; width: 100%; border: 0; outline: medium none; line-height: 1; font-size: 14px; color: #666666; }
.login-input.w198{ width: 198px;}
.login-verify-btn { float: left; width: 100px; border-left: 1px solid #daebea; line-height: 41px; cursor: pointer; font-size: 14px; color: #999999; text-align: center; }
.login-assist { line-height: 40px; font-size: 14px; color: #999999; }
.login-assist a { color: #13659b; }
.login-btn { margin-top: 4px; height: 45px; line-height: 45px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #13659b; cursor: pointer;  text-align: center; color: #ffffff; font-size: 14px;}
.login-btn:hover { color: #ffffff;}
.login-openid { margin-top: 20px; text-align: center; }
.login-openid a { zoom:1; *display:inline; display: inline-block; margin: 0 10px; padding: 6px; width: 54px; height: 54px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; border-width: 1px; border-style: solid; cursor: pointer; }
.login-wechat { border-color: #2ac96d; background-position: -205px -326px; }



/* 注册 */
.register { display: flex; flex-direction: column; justify-content: center; position: absolute; top: 50%; left: 50%; width: 400px; height: 400px; transform: translate(-50%, -50%); box-sizing: border-box;}
.register-logo { padding-top: 20px; padding-bottom: 15px; text-align: center; }
.register-col { line-height: 1; font-size: 20px; color: #333333; text-align: center; font-weight: 600;}
.register-list { margin-top: 30px; padding:0;}
.register-list li { overflow: hidden; margin-top: 15px; border: 1px solid #daebea; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: flex; justify-content: space-between; }
.register-list li:first-child { margin-top: 0; }
.register-input { float: left; padding: 11px 15px; width: 100%; border: 0; outline: medium none; line-height: 1; font-size: 14px; color: #666666; }
.register-input.w198{ width: 207px;}
.register-verify-btn { float: left; width: 100px; border-left: 1px solid #daebea; line-height: 41px; cursor: pointer; font-size: 14px; color: #999999; text-align: center; }
.register-btn { margin: 20px 0; height: 45px; line-height: 45px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #13659b; cursor: pointer; text-align: center; color: #ffffff; font-size: 14px; }
.register-btn:hover { color: #ffffff;}
.register-login { line-height: 1; font-size: 14px;text-align: center; }
.register-login a { color: #13659b; }
.add-content-step2 { display: none;}
.add-content-step2 .register-input{ border: 1px solid #daebea;float: initial;}
.add-content-step2 p{ color: #999999; font-size: 14px; margin: 30px 0 5px;}
.add-content-step2 p span { color: #13659b;}
.add-content-step3 { display: none;}
.add-content-step3 p{ color: #666666; font-size: 14px; margin: 30px 0 5px; text-align: center;}
.add-content-step3 p span{ color: #13659b; font-weight: 600; padding: 0 5px;}
.register-success-ico { width: 80px; height: 80px;background-position: -230px -70px;margin: 35px auto 0; }
.add-content-step4 { display: none;}
.add-content-step4 p{ color: #666666; font-size: 14px; margin: 30px 0 5px; text-align: center;}
.add-content-step4 p span{ color: #13659b; font-weight: 600; padding: 0 5px;}



/* 会员左侧 */
.member-wrap { padding: 30px 0; background-color: #f1f6f9; }
.member-wrap-l { float: left; width: 235px; /*min-height: 827px;*/ background-color: #ffffff; -moz-box-shadow: 0px 0px 10px #dcedfa; -webkit-box-shadow: 0px 0px 10px #dcedfa; box-shadow: 0px 0px 10px #dcedfa; }
.member-wrap-l-top { padding: 40px 0; border-bottom: 1px solid #f0f4f9; }
.member-avatar { overflow: hidden; margin: auto; width: 100px; height: 100px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.member-avatar img { width: 100%; height: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.member-name { margin-top: 25px; line-height: 1; font-size: 16px; color: #333333; text-align: center; }
.member-nav { padding:15px 0; overflow: hidden; }
.member-nav li.level1>a { position: relative; display: flex;align-items: center;padding-left:50px; box-sizing: border-box;     height: 36px; background-color: #ffffff; line-height: 36px; font-size: 14px; color: #32325d; }
.member-nav li.level1 a:hover { text-decoration: none; background-color: #ffffff; color: #7ba6a3; }
.member-nav li.level1 i { width: 9px; height: 9px; background-repeat: no-repeat; background-position: -270px -218px; margin-left: 10px;}
.member-nav li.level1 i.down { background-position: -287px -218px; }
.member-nav li ul { padding-bottom: 10px; overflow: hidden; padding-left: 50px; box-sizing: border-box;}
.member-nav li ul.level2 { display: none; background-color: #ffffff; }
.member-nav li ul.level2 li a { display: block; height: 26px; line-height: 26px; font-size: 14px; color: #666666; }
.member-nav .quitdiv { position: relative; display: block; padding-left:50px; height: 44px; background-color: #ffffff; line-height: 44px; font-size: 16px; color: #7ba6a3;}
.user_line { margin: 0 12px; width: 204px; height: 1px; overflow: hidden; background: #eee;}



/* 会员右侧 */
.member-wrap-r { width: calc(100% - 235px); padding-left: 25px; box-sizing: border-box;}
.member-wrap-r-box {width: 100%; }
.member-col { padding: 0; border-bottom: 1px solid #e4f5f4; line-height: 44px; font-size: 14px; color: #666666; }
.member-col span{ font-size: 14px;}
.member-col span i{ padding-left: 10px;}

/* 会员中心默认首页 */
.userSetting { 
    text-align: center;
    width: 100%;
    padding: 20px 0 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.userSetting-head { position: relative; display: inline-block; vertical-align:top;}

.userinfo { margin-left: 30px; display: inline-block;}
.userSetting-item { height: 25px; line-height: 25px; font-size: 14px; margin-bottom: 8px; text-align:left; }
.userSetting-item:last-child{
    margin-bottom: 0;
}
.userSetting-item .nick { margin-top: -6px;}
.mainColor { color: #333;}

.settingicon { padding-bottom:20px;}
.add-safeSettingList {     
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding: 0 8.25%;
    box-sizing: border-box;
}
.add-safeSettingList .list {
    display: flex;
    align-items: center;
    width: 23.5%;
    border: 1px solid #e4f5f4;
    box-sizing: border-box;
    background-color: #fafcfc;
    margin-right: 2%;
    margin-bottom: 20px;
    padding: 15px 5%;
    box-sizing: border-box;
}
.add-safeSettingList .list:nth-child(4n){
    margin-right: 0;
}
article .post-content a::before{
    display: none;
}
.add-safeSettingList .list:hover,.add-safeSettingList .selected { background:#e4f5f4;}
.vl-inline { color: #666; display: inline-block; vertical-align: middle;}

.icon-safeSettingList { display:block;  width: 40px; height: 40px; }
.add-safeSettingList .text{
    width: calc(100% - 40px);
    padding-left: 10px;
    box-sizing: border-box;
    color: #7ba6a3; 
    font-size: 14px;
}
.type-text {line-height:1.72; font-size:14px; color:#333;}
.color-blue, a.color-blue { color: #13659b; }
.lockType-text { padding-top: 12px;}


/* 个人设置 */
#baseinfo_modify{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    width: 90%;
    margin: 15px auto 0;
}
.portal-wrap {padding: 30px 0; }
.portal-col { padding-bottom: 25px; line-height: 1; font-size: 16px; color: #7ba6a3; text-align: center;}
.portal-list li {width: 45%; height: 40px; margin-right: 10%;  display: flex; align-items: center; margin-bottom: 20px;}
.portal-list li:nth-child(2n){
    margin-right: 0;
}
.portal-tit { width: 70px; height: 40px; line-height: 40px; font-size: 14px; color: #757575; text-align: right; margin-right: 10px;}
.portal-txt { position: relative; float: left; width: calc(100% - 80px); height: 40px; line-height: 40px; font-size: 14px; color: #7ba6a3 }
.portal-txt input { padding: 10px 15px; width: 100%; border: 1px solid #daebea; background-color: #ffffff; line-height: 1; color: #647d7b; font-size: 14px; outline: medium none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.modifyinfo-btn { width:200px; margin: 20px auto 0; height:43px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#13659b; cursor:pointer; line-height:44px; text-align:center; font-size:16px; color:#ffffff; display: flex; flex-direction: column; align-items: center; font-size: 14px;}


/* 修改密码 */
/* .portal-relese { padding: 30px; border: 1px solid #e4f5f4; background-color: #fafcfc; } */
.modifypwd-list {  margin: 0 auto; display: flex; flex-direction: column; align-items: center;}
.modifypwd-list ul { margin: 0; padding: 0; width: 80%;}
.modifypwd-list ul li { overflow: hidden; margin-top: 15px; display: flex;align-items: center; position: relative; }
.modifypwd-list ul li span { width:100px; text-align:right; line-height:40px; font-size: 14px; color: #465c5a;}
.modifypwd-list ul li p { line-height: 40px; font-size: 14px; color: #465c5a; margin-left: 10px; float: left;width: calc(100% - 100px);margin-bottom: 0;line-height: 1;}
.modifypwd-input { float: left; padding: 11px 15px; width: calc(100% - 110px); border: 1px solid #daebea; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; outline: medium none; line-height: 1; font-size: 14px; color: #666666; margin-left:10px;}
.modifypwd-verify-btn {display:block; width:140px;     
    position: absolute;
    right: 0;
    line-height: 43px; cursor: pointer; font-size: 14px; color: #ffffff; text-align: center; border: 0; background-color:#13659b;}
.modifypwd-btn { width:200px; margin: 20px 0 0 0; height:43px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#13659b; cursor:pointer; line-height:44px; text-align:center; font-size:14px; color:#ffffff; display:block; float:right; }
.modifypwd-btn:hover{ color:#ffffff; }
a.modifypwd-btn:not([href]):not([tabindex]){ color: #fff;}

/* 修改登录邮箱 */
.steps { text-align:center; margin:20px auto 40px; overflow:hidden; width:550px; }
.steps .step { display:inline-block; *zoom:1; width:25%; *display:inline; position:relative; float:left; padding-top:5px; }
.steps .step em { display:block; margin:0 auto 10px; width:24px; height:24px; text-align:center; color:#fff; font-style:normal; background:#e2e2e2; border-radius:50%; box-shadow:0 0 0 4px #f3f3f3; z-index:3; position:relative; }
.steps .step:before { content:""; position:absolute; height:5px; width:100%; background:#e2e2e2; top:15px; left:0; }
.steps .step:after { content:""; position:absolute; height:35px; width:42px; background:#fafcfc; top:0; left:50%; margin-left:-21px; }
.steps .step span { color:#999; font-size: 14px; }
.steps .step.step-done em { background:#96d9f2; box-shadow:0 0 0 4px #dff6ff; }
.steps .step.step-done:before { background:#96d9f2; }
.steps .step:last-child:before { border-radius:0 5px 5px 0; }
.steps .step.active em { background:#13659b; }
.steps .step.active:before { background:#13659b; border-radius:5px; }
.steps .step02 { width:50%; }
.steps .step03 { width:33%; }

#con_step_two { display: none; }
#con_step_three { display: none; justify-content: center;}

.modifyemail-list { margin: 0 auto; display: flex; flex-direction: column; align-items: center;}
.modifyemail-list ul {
    margin: 0;
    padding: 0;
    width: 80%;
}
.modifyemail-list li {     
    overflow: hidden;
    margin-top: 15px;
    display: flex;
    align-items: center;
    position: relative;
}
.modifyemail-list li span { 
    width: 100px;
    text-align: right;
    font-size: 14px;
    color: #465c5a;
    display: block;
}
.modifyemail-list li p { 
    font-size: 14px;
    color: #465c5a;
    margin-bottom: 0;
    width: calc(100% - 100px);
    padding-left: 10px;
    box-sizing: border-box;
}
.modifyemail-input { float: left; padding: 11px 15px; width: calc(100% - 110px); border: 1px solid #daebea; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #ffffff; outline: medium none; line-height: 1; font-size: 14px; color: #666666; margin-left:10px;}
.modifyemail-verify-btn {display: block;
    width: 140px;
    line-height: 43px;
    cursor: pointer;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    border: 0;
    background-color: #13659b;
    position: absolute;
    right: 0;
}
.modifyemail-btn { width:200px; margin: 20px auto 0; height:44px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#13659b; cursor:pointer; line-height:44px; text-align:center; font-size:14px; color:#ffffff!important; display:block; }
.modifyemail-btn:hover{ color:#ffffff; }

.odifyemail_result { text-align: center;}
.odifyemail_result .result-micon { display: inline-block; width: 50px; height: 50px; vertical-align: middle; background: url(../img/icon_ok.png) no-repeat; background-size:50px 50px;}
.odifyemail_result .result-main { margin-left: 25px; display: inline-block; vertical-align: top; text-align: left;}
.odifyemail_result .result-text { font-size: 16px; margin-bottom: 5px; display: block; }
.odifyemail_result .result-sec-text { font-size: 14px; color: #909090; display: block; }


/* 绑定账号设置 */
.thirdpart-list {margin:0;}
.thirdpart-list li {padding:25px 0;line-height:50px;border-bottom:1px solid #efefef;}
.thirdpart-list li:first-child {padding-top:0;}
.thirdpart-list li:last-child {padding-bottom:0;}
.thirdpart-list li .item-title {display:inline-block;width:50px;height:50px;background:url(../img/sprite.png) no-repeat;margin-right:25px;}
.thirdpart-list li .item-title.item-taobao {background-position:-150px -195px;}
.thirdpart-list li .item-title.item-qq {background-position:0 -245px;}
.thirdpart-list li .item-title.item-wx {background-position:0 -195px;}
.thirdpart-list li .item-title.item-alipay {background-position:-50px -195px;}
.thirdpart-list li .item-title.item-weibo {background-position:-100px -195px;}
.thirdpart-list li .item-detail {display:inline-block;/*width:750px;*/line-height:50px;font-size:14px;}
.thirdpart-list li .item-func {display:inline-block;line-height:50px;width:110px;text-align:right; float:right;}
.thirdpart-list li .item-func a {border-radius:3px;width:100px;line-height:30px;display:inline-block;text-align:center; font-size: 14px;}
.thirdpart-list li .item-func a.unbind-func {border:1px solid #e1e1e1;color:#333;background:-webkit-linear-gradient(#fbfbfb, #f2f2f2);background:-o-linear-gradient(#fbfbfb, #f2f2f2);background:-moz-linear-gradient(#fbfbfb, #f2f2f2);background:linear-gradient(#fbfbfb, #f2f2f2);}
.thirdpart-list li .item-func a.bind-func {border:1px solid #5cc7ee;background:#5cc7ee;color:#fff;}
.thirdpart-list li.last {border:none;}
.thirdpart-list li .bind-detail {font-size:12px;color:#555;margin-left:10px;display:inline-block;}
.thirdpart-list li .bind-detail em {margin-left:10px;display:inline-block;line-height:20px;}
.thirdpart-list li .bind-detail strong {display:inline-block;margin:0 10px;width:14px;height:14px;border:1px solid #c0bebf;background:#f4f4f4;vertical-align:-5px;cursor:pointer;}
.thirdpart-list li .bind-detail strong.checked {background:url(../img/sprite.png) no-repeat 1px -415px #f4f4f4;}
.thirdpart-list li .bind-detail a {color:#555;margin-left:20px;}
.thirdpart-list li .bind-detail a:hover {color:#06a7e2;}
.appAuth-list {margin-top:20px;border-top:1px solid #e1e1e1;}
.appAuth-list li {height:80px;width:230px;margin:30px 10px 30px 0;float:left;}
.appAuth-list .auth-img {float:left;width:80px;height:80px;margin-right:10px;}
.appAuth-list .auth-name {font-size:14px;line-height:30px;padding:6px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


/* 人工下载 */
.diytips-text {
    color: #767676;
    line-height: 1.72;
}
.diytips-text p{
    margin-bottom: 15px;
    font-size: 14px;
}
.diytips-text p span {
    color: #13659b;
    /* font-weight: bold; */
    padding: 0 3px;
    box-sizing: border-box;
}
.diyfoot-btn {
    display: block;
    width: 200px;
    margin: 30px auto 0;
    height: 43px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #13659b;
    cursor: pointer;
    line-height: 44px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
}
.diyfoot-btn:hover {
    opacity: 1;
}
.diyfoot-btn a {
    font-size: 14px;
    color: #ffffff;
    display: block;
}


/* 表单 */
.form-content { position: relative; overflow: hidden; width: 100%; margin: 0 auto; }
.fui-form { position: relative; margin: 0 auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.fui-form>.widget-wrapper{width:100%;overflow:auto}
.fui-form>.widget-wrapper>ul{margin:10px 0; padding: 0;display: flex;flex-wrap: wrap; justify-content: space-between;}
.fui-form .widget-view{width: 100%; margin-bottom: 15px;}
.fui-form .widget-view.hide{display:none!important}
.fui-form .widget-view .fl-label{padding:5px 0;line-height:20px;color:#3d464d;}
.fui-form .widget-view .fl-description{font-size:12px;line-height:1.4;color:#91A1B7;margin-bottom:5px}
.fui-form .widget-view .fl-description:empty{margin:0}
.fui-form .widget-view .icon-eye-slash{position:absolute;top:6px;right:10px;font-size:18px;color:#91A1B7}
.fui-form .widget-view.error{background:#fef6de}
.fui-form .widget-view.error .btn-pane{background-color:#fef6de}
.fui-form .widget-view.invisible .fl-label{margin-right:26px;min-height:30px; font-size:14px;}
.fui-form .widget-view .error-info{font-size:12px;color:#E64340}
.fui-form .x-grid-col-6{width:48%;}
.fui-form .editor-container{position:absolute;top:0;left:0;right:0;bottom:0}
.label-notnull{color:#d84636;margin-left:5px}
.fui_text input{
    width: 100%;
    border: 1px solid #daebea;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
    outline: medium none; 
    font-size: 14px;
}
.fui-form .widget-view #vcontent{
    width: 100%;
    margin-top: initial;
    border: 1px solid #daebea;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
    outline: medium none; 
    font-size: 14px;
}

.fl-label { display:inherit; font-size:14px; text-align: left;}
.x-input { height:40px !important; padding: 5px 10px;}
.x-group { line-height: 40px; font-size:14px; text-align: left;}
.x-textarea { min-height:150px !important; padding: 5px 10px !important;}
.x-radio { display:inline-block; cursor:pointer}
.x-radio:not(:last-child){padding-right:20px}
@media (max-width:768px){
    .x-radio {display:block}
}
.x-radio span{margin-left:5px}
.x-radio i:first-child{display:inline-block;width:14px;height:14px;border:1px solid #e0e0e0;position:relative;background:#fff;-webkit-transition:all 218ms ease-in-out;-moz-transition:all 218ms ease-in-out;-o-transition:all 218ms ease-in-out;transition:all 218ms ease-in-out;top:2px}
.x-radio i:first-child:before{content:'';display:block;opacity:0;-webkit-transition:opacity 218ms ease-in-out;-moz-transition:opacity 218ms ease-in-out;-o-transition:opacity 218ms ease-in-out;transition:opacity 218ms ease-in-out}
.x-radio i:first-child{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.x-radio i:first-child:before{width:6px;height:6px;border-radius:50%;background:#fff;position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.x-radio:hover i:first-child{border-color:#5E6D82}
.x-radio.select i:first-child{border-color:#13659b;background:#13659b}
.x-radio.select i:first-child:before{opacity:1}
.x-radio i:first-child:before,.x-window-mask.center>.x-loader-icon { top:50%; -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%) }
.icon-blank{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;top:0}


/* 电脑端支付 */
.ico { background-image: url(../img/ico.png); background-repeat: no-repeat;}
.pay-state { padding: 20px; background-color: #ffffff; text-align: left;}
.pay-state-ico { width: 80px; height: 80px; background-position: -230px -70px; }
.pay-state-font { float: left; padding-left: 20px; box-sizing: border-box; }
.pay-state-hint { padding-bottom: 10px; font-size: 16px; color: #666666; }
.pay-state-code { line-height: 1; font-size: 14px; color: #666666; }
.pay-state-sum {  font-size: 14px; color: #666666; }
.pay-state-sum span { font-size: 20px; color: #ce1724; font-weight: 700;}

.pay-type { padding: 20px; margin-top: 20px; background-color: #ffffff; text-align: left;}
.pay-type-tit { padding-bottom: 30px; line-height: 1; font-size: 18px; color: #333333; }
.pay-type-list { padding-bottom: 20px; }
.pay-type-list ul{ padding: 0; margin:0;}
.pay-type-list-label { position: relative; overflow: hidden; display: block; width: 160px; height: 58px; border: 1px solid #e0e0e0;margin-right: 32px; cursor: pointer; } 
.pay-type-list-label:last-child{
    margin-right: 0;
}
.pay-type-list-label-img { position: absolute; top: 50%; left: 50%; margin-top: -17px; margin-left: -58px; width: 116px; height: 35px;}
.pay-type-list-label-img.payzfb { background-position: 0px -205px; }
.pay-type-list-label-img.paywx { background-position: -125px -205px; }
.pay-on { border: 1px solid #e65529; }
.pay-type-ann { padding: 10px 20px;border: 1px solid #e0e0e0;background-color: #fafafa; font-size: 14px;color: #666666;}
.pay-btn { 
    display: block;
    width: 200px;
    margin-top: 30px;
    height: 43px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #13659b;
    cursor: pointer;
    line-height: 44px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
 }
.pay-btn:hover { color: #ffffff; }

.wxpay_wrap { width:100%; height:auto; position:relative; }
.add-lists{
    margin-bottom: 30px;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    overflow: hidden;
    border:solid #eee 1px;
    background: #fff;
}
.add-lists  .sorder { 
    width: 244px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add-lists .sorder img{
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.add-lists .msorder{
    width: calc(100% - 244px);
    background:  #eee;
    height: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 55px;
    box-sizing: border-box;
}

.add-lists .msorder h2 { color:#333; font-size:18px; margin-bottom: 5px; }
.add-lists .msorder p { font-size:14px; margin-bottom: 1rem;}
.wxpay_wrap .wxpay_l { width:204px; height:auto; display: inline-block; }
.wxpay_wrap .wxpay_l .wxpay_lsys { width:100%; height:auto; font-size:16px; text-align:center; color:#333; }
.wxpay_wrap .wxpay_l .wxpay_lmenoy { width:100%; height:auto; font-size:24px; text-align:center; font-weight:bold; color:#ce1724; }
.wxpay_wrap .wxpay_l .wxpay_lwx { width:100%; height:204px; background-color:#000; margin-top:30px; }
.wxpay_wrap .wxpay_l .wxpay_lps { width:100%; height:auto; float:left; margin-top:12px; }
.wxpay_wrap .wxpay_r { width:302px; height:408px; display: inline-block; }

.pay-success { padding-bottom: 20px; text-align:center;}
.pay-success-div { justify-content: center; }
.pay-success-ico { width: 80px; height: 80px;background-position: -230px -70px; }
.pay-tips-img { width: 80px; }
.pay-success-font { padding-left: 20px; box-sizing: border-box; font-size: 16px; color: #666666;}
.pay-success-code { line-height: 1; font-size: 14px; color: #666666; text-align: left;}
.pay-success-code span { color: #e65529; font-weight: bold; padding: 0 3px; }
.pay-success p { color:#999999; font-size: 16px; font-weight: 300;}
.pay-success p b { padding-right: 5px;}


.OrdersShow { position: relative; overflow: hidden; width: 100%; margin: 0 auto;}
.OrdersShow-Box { border:1px #ccc solid; margin: 20px 0 0;}
.OrdersShow-Box ul { padding: 0; margin: 0;}
.OrdersShow-Box ul li { width:100%;  font-size:14px; color:#333; display: flex; flex-wrap: wrap;}
.OrdersShow-Box ul li .OrdersShow-Tit {
    width: 16%;
    border-bottom: 1px #ccc solid;
    background-color: #d1e5fd;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
 }
.OrdersShow-Box ul li .OrdersShow-Txt { 
    width: 84%;
    padding: 10px 4%;
    box-sizing: border-box;
    border-bottom: 1px #ccc solid;
    text-align: left;
}
.OrdersShow-Box ul li .OrdersShow-Content-Tit { width:18%; padding:10px 2%; border-bottom:1px #ccc solid; background-color:#d1e5fd; text-align:center; box-sizing:boder-box; }
.OrdersShow-Box ul li .OrdersShow-Content-Txt { width:72%; padding:10px 4%; border-bottom:1px #ccc solid; text-align:left; word-wrap: break-word; word-break: break-all ;}
.OrdersShow-Box ul li:last-child .OrdersShow-Tit, .OrdersShow-Box li:last-child .OrdersShow-Txt { border-bottom-width:0px; }



/* 订单查询 */
.tabnav {height:50px; background:#f4f4f4; padding: 0 40px;border-bottom:1px solid #ddd; position:relative;}
.tabnav ul { float:left; position:absolute; padding: 10px;zoom:1;}
.tabnav ul li { float:left; height:40px; line-height:40px;}
.tabnav ul li a { color:#767676; padding:0 20px; display: block;}
.tabnav ul li.on { background:#fff; border:1px solid #ddd; border-bottom: 1px solid #fff;}
.tabnav ul li.on a { color:#0366d6; padding:0 20px; display: block; }

.orders-search { display: flex; justify-content: center;}
.orders-search-input {
    width: 400px;
    border: 1px solid #daebea;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
    outline: medium none; 
    font-size: 14px;
}
.orders-search-btn {width:120px;height:40px;line-height:40px;text-align:center;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#fff;background:#13659b; opacity:.9; display:inline-block; font-size: 14px;}
#gdTrendsLoad p {text-align: center; font-size: 14px; margin: 20px 0 0;}

.OrdersShow-Box li .Search-Content-Tit { width:18%; padding:10px 2%; border-bottom:1px #ccc solid; background-color:#d1e5fd; text-align:center; box-sizing:boder-box; }
.OrdersShow-Box li .Search-Content-Txt { width:72%; padding:10px 4%; border-bottom:1px #ccc solid; text-align:left; word-wrap: break-word; word-break: break-all ;}


/* 补差价 */
.fillprice-content {background-color: #ffffff;}
.orders-fillprice {padding: 20px; text-align: left;}
.orders-fillprice-input {
    width: 200px;
    border: 1px solid #daebea;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
    outline: medium none; 
    font-size: 14px;
}
.fillprice-pay-type { padding: 20px; text-align: left;}
.fillprice-pay-type-col { padding-top: 20px; padding-bottom: 20px; line-height: 1; font-size: 16px; color: #312A1E; }
.fillprice-pay-btn {
    display: block;
    width: 200px;
    margin-top: 30px;
    height: 43px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #13659b;
    cursor: pointer;
    line-height: 44px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
}
.fillprice-pay-btn:hover { color: #ffffff; }


/* 下载记录 */
.down-history-table { overflow: hidden;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.down-history-table th { background-color: #13659b; font-size: 14px; color: #ffffff; padding: 10px; }
.down-history-table tr { background-color: #fafcfc; font-size: 14px; color: #666666; }
.down-history-table tr:nth-child(2n) { background-color: #ffffff; }
.down-history-table td{ padding: 10px; }
.down-history-table td a{ color: #666666 }
.down-history-num { width: 10%; text-align: center; }
.down-history-tit { width: 70%; text-align: center; }
.down-history-time { width: 20%; text-align: center; }
.down-history-zero { padding-top: 65px; min-height: 302px; background-color: #ffffff; }
.down-history-zero-ico { margin: auto; width: 123px; height: 123px; }
.down-history-zero-state { padding-top: 15px; line-height: 1; font-size: 12px; text-align: center; color: #839695; }

@media(max-width: 1600px){
    .add-safeSettingList .list{
        padding: 15px;
    }
}
@media(max-width: 1024px){
    .add-safeSettingList {
        padding:0;
    }
}
@keyframes fadein{from{opacity:0}
    to{opacity:1}
}
@media(max-width: 768px){
    .fui-form .x-grid-col-6 { width: 100%; }

    .pay-state-ico { float: none; margin: 0 auto;}
    .pay-state-font {
        float: none;
        padding-left: 0;
        text-align: center;
        width: 100%;}
    .pay-state-hint {padding-top: 20px;}
    .pay-state-sum { float: none; text-align: center; line-height: 60px;}
    
    .pay-type { margin-bottom:0px; margin-top: 0;padding: 20px 0;}
    .pay-type-list-label {margin-bottom:10px; width: 48%; margin-right: 4%;}


    .pay-type-ann {display:none;}
    .pay-btn {margin:0 auto;}

    .wxpay_wrap .msorder { 
        color: #333333;
        height: auto;
        width: 100%;
        text-align: center;
        padding-left: 0;
    }
    .wxpay_wrap .wxpay_l .wxpay_lwx{
        margin-top: 25px;
    }
    .add-lists{
        border: none;
    }
    .wxpay_wrap .msorder .mdivh2 { font-size: 20px;}
    .wxpay_wrap .msorder .mdivh2 span { font-weight:bold;}
    .wxpay_wrap .msorder .mdivp { color: #333333; padding:20px 0; }
    .wxpay_wrap .msorder .mdivpic { height:96px; background: url(../img/wxpay.jpg) no-repeat center; }

    .wxpay_wrap .sorder {width: 100%;}
    .wxpay_wrap .wxpay_r {display:none;}
    .wxpay_wrap .wxpay_l .wxpay_lsys {display:none;}

    /* .pay-success-ico { float: none; margin: 0 auto;} */
    .pay-success-font { float: none; text-align: center;}
    .pay-success-hint {font-size:20px;}
    .pay-success-sum { float: none; text-align: center;}

    .tabnav { padding:0 20px; }
    .tabnav ul li a { padding:0 15px; }
    .tabnav ul li.on a { padding:0 15px; }

    /* .fx_external_form .form-top { padding: 20px;} 
    .fx_external_form .form-top .top-text { padding: 15px 15px 0;}  */

    .orders-search-input { width:100%; text-align: center;}

    .OrdersShow { padding:0 15px;}
    .OrdersShow-Box li .OrdersShow-Tit { width: 25%;}
    .OrdersShow-Box li .OrdersShow-Txt { width: 63%;}
    .OrdersShow-Box li .OrdersShow-Content-Tit { width: 26%;}
    .OrdersShow-Box li .OrdersShow-Content-Txt { width: 64%;}

    .OrdersShow-Box li .Search-Content-Tit { width: 26%; }
    .OrdersShow-Box li .Search-Content-Txt { width: 63%;}

    .orders-fillprice { padding:15px 0;}
    .orders-fillprice-input { width: 150px; }
    .fillprice-pay-type { padding: 0;}
    .fillprice-pay-btn { margin: 0 0 20px;}
	
	.service-side {display:none;}

    .portal-list li {width:100%; margin-right: 0;}

    .OrdersShow-Box ul li .OrdersShow-Tit { width: 22%;}
    .OrdersShow-Box ul li .OrdersShow-Txt { width: 78%;}


    .modifypwd-list ul{
        width: 100%;
    }
    .pay-state{
        justify-content: center;
        padding: 20px 0;
    }
    .pay-type-tit {
        padding-bottom: 20px;
        font-size: 16px;
    }
    .userSetting {
        text-align: left;
        display: block;
        padding-top: 0;
    }
    .userinfo{
        width: 70%;
        margin: 0 auto;
        display: block;
    }
    .userSetting-head {
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
    }
    .add-safeSettingList .list {
        width: 48%;
        margin-right: 4%;
        padding: 15px;
        flex-direction: column;
        justify-content: center;
    }
    .add-safeSettingList .list:nth-child(2n){
        margin-right: 0;
    }
    .add-safeSettingList .text{
        width: 100%;
        text-align: center;
        margin-top: 10px;
        line-height: 1;
        padding-left: 0;
    }
    .modifypwd-verify-btn{
        width: 100px;
    }

    .steps{
        width: 100%;
    }
    .modifyemail-list ul{
        width: 100%;
    }
    .modifyemail-verify-btn {
        width: 100px;
    }
}