/*Huang CSS Document QQ:52710360 */

/*

 * @author: Huang zhenghua

 * @QQ:52710360 

*/









html {font-size: 62.5%;}

 body {  font-size: 1.4rem;color:#333; font-family:"Microsoft YaHei",Tahoma,Arial,"Segoe UI", "Lucida Grande", Helvetica,  FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}

.bodyf6{background: #F6F6F6;}

html,body{width: 100%;height: 100%;}

form{margin:0px;}

img{border:none;}

ul,li { list-style:none; border:none;}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset, table, th, td { margin: 0; padding: 0;  }

a{outline: medium none;transition:all 0.2s linear 0s;

-moz-transition:all 0.2s linear 0s;

-webkit-transition:all 0.2s linear 0s;

-o-transition:all 0.2s linear 0s;color:#000;}

a:link {color:#000;text-decoration:none;}

a:visited {text-decoration:none;color:#000;}

a:hover {text-decoration:underline;color:#CF2F22;}

a:active {text-decoration:none;color:#CF2F22;}

a{

	-webkit-tap-highlight-color:transparent;

	outline:none;

	blr:expression(this.onFocus = this.blur());

}

a:focus{

	outline:none;

}

img, input, select {vertical-align:middle;outline: medium none;}

.clear{ float:none !important;clear:both!important; overflow:hidden!important; padding:0px!important; height:0px!important;}

.clearfix:after { content: ""; display: block; clear: both;}

textarea{ font-size:12px;outline: medium none;}

i{ font-style:normal;}

button, input:not([type="radio"]):not([type="checkbox"]), select {vertical-align: middle;}



input::placeholder,textarea::placeholder {  
  font-size: 16px; color: #757575;  font-family: Arial, Helvetica, sans-serif;
  }

  

  

  
input:-moz-placeholder,   
textarea:-moz-placeholder {   
    color: #757575;   
}   





*{margin:0;padding:0;

box-sizing:border-box;  

-moz-box-sizing:border-box; 

-webkit-box-sizing:border-box; 

-o-box-sizing:border-box; 

}





header.m-hd{ width:100%; z-index:999; margin:0 auto;padding: 0; height: auto;background-color:#fff; }

header.m-hd.f6{background: #F6F6F6;}

header.m-hd .header-top{width:100%; overflow:hidden; max-width:100%;margin:0 auto; height:118px; display: flex;justify-content:space-between;align-items:center;padding: 0 100px;}

header.m-hd .header-top .m-logo{width:114px;overflow:hidden;display:block; position: absolute; left: 0;right: 0; top:26px;margin: 0 auto; }

header.m-hd .header-top .m-logo img{ width: 100%;}

header.m-hd .header-top .tool a{ margin-left: 28px;}

header.m-hd .header-top .tool .wxm{margin-left: 28px;cursor: pointer;}

.wximg {text-align: center; line-height: 30px;}

.wximg img{width:100%;}

header.m-hd .header-top .menu{}





header.m-hd .header-top2{width:100%; max-width:100%;margin:0 auto; height:118px; display: flex;justify-content:space-between;align-items:center;padding: 0 100px;border-bottom:1px #C7C7C7 solid;}

header.m-hd .header-top2 .m-logo{width:114px;overflow:hidden;display:block;  }

header.m-hd .header-top2 .m-logo img{ width: 100%;}



header.m-hd .header-top2 .tool {display:flex;align-items:center;}

header.m-hd .header-top2 .tool .nav{display:flex; margin-right: 20px;}

header.m-hd .header-top2 .tool .nav a{ margin:0 28px;font-size: 16px;
color: #12016D;}







header.m-hd .tel {float: right; margin-top:61px;  overflow: hidden; width: 285px; margin-right: 100px;}



.show-sm-only{display: none;}



.v-modal{z-index:89!important;}

.am-header { color:#fff; font-size:16px;position: relative;  width: 100%;  height: 49px;  line-height: 49px;  padding: 0 10px;}

.am-header .am-header-nav { position: absolute; top: 0;}

.am-header .am-header-left { left: 10px;}

.am-header .am-header-left  img{ height: 36px;}

.am-header .am-header-title { margin: 0 30%; font-size: 2rem; font-weight: normal; text-align: center; display: block; word-wrap: normal;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}

.am-header .am-header-right { right: 10px;}

.am-header .am-header-right img{margin-top: -4px;}

.am-header a{ color:#fff; text-decoration:none;}



.pcdrawer .el-drawer__header{display: none !important;}



.el-drawer__header{ margin-bottom: 0 !important; z-index: 99999!important;background: #12016D!important;}

.el-drawer__body{background-color:#12016D;}

.el-drawer__container .el-drawer__close-btn{ font-size: 30px !important; color: #fff!important;}

header.m-hd nav li{ransition: all 0.2s linear 0s; }

.am-offcanvas-content{ padding:15px 0; width:100%;}



.am-offcanvas-content .nav{ width: 100%;:none;margin-top:5px; font-size: 18px; overflow: hidden; text-align: center;}

.am-offcanvas-content .nav li{font-weight: bold;font-size: 32px;color: #fff; float: left; width: 100%; line-height:100px;height:100px;}

.am-offcanvas-content .nav li a{text-decoration:none;color: #fff; background-repeat: no-repeat; background-position:0px  center;}

.am-offcanvas-content .nav li.hover{background-color:rgba(171, 103, 57, 0.2);color: #fff; font-weight: bold;}



.am-offcanvas-content .nav.nl2{font-size: 16px;}

.am-offcanvas-content .nav.nl2 li{font-size: 16px;line-height:50px;height:50px;}

.am-offcanvas-content .tool{ text-align: center; margin-top: 20px;}

.am-offcanvas-content .tool a{margin: 0 20px;}

.am-offcanvas-content .tool .wxm{cursor: pointer;}



.indextopad{ width: 100%; overflow: hidden;}

.indextopad img{ width: 100%;}

.commonad{width: 100%;margin: 0 auto; overflow: hidden; position: relative;}
.commonad .img{ width: 100%;}
.commonad dl{width:96%;max-width:1200px; overflow: hidden; position: absolute;margin:0 auto; left: 0; right: 0; color: #12016D;font-weight: bold;bottom:32%; text-align: center;}
.commonad dl dt{font-size: 48px;line-height: 67px;}
.commonad dl dd{font-size: 16px;  margin-top: 24px;}

.commonad.cf dl{color: #fff;}





.commonList1{overflow: hidden;margin: 0 -16px;white-space: nowrap;}

.commonList1 li{ padding: 0 16px; overflow: hidden; margin-top: 30px;}

.commonList1 li a{display: block; position: relative;}

.commonList1 li a img{ width: 100%;border-radius: 0px 0px 20px 20px;display: block;display: block; height: 368px;}

.commonList1 li .title{font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 24px;background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); height: 80px; position: absolute; width: 100%; bottom: 0; padding: 0 24px;border-radius: 0px 0px 20px 20px;display: block;padding-top: 30px;}





.commonList2{overflow: hidden; padding: 0 5px;}

.commonList2 li{ padding: 0 10px; overflow: hidden; margin-top: 30px;position: relative;}

.commonList2 li a{display: block; position: relative;}

.commonList2 li a img{ width: 100%;display: block;display: block;}



.commonList2 li .title{background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); height: 80px; position: absolute; width: 100%; bottom: 0; padding: 0 24px;display: flex;align-items:center;}

.commonList2 li .title .na{font-weight: bold;font-size: 18px;color: #FFFFFF;}

.commonList2 li .title span{height: 18px;background: rgba(255,255,255,0.39);border-radius: 9px;font-size: 14px;color: #FFFFFF; line-height: 18px; padding:  0 6px; margin-left: 8px; margin-right: 12px;font-weight: 100; margin-top: 2px;}

.commonList2 li .title i{width: 14px;height: 14px;background: #B2B2B2;border: 1px solid rgba(255,255,255,0.55);border-radius: 14px;margin-top: 2px;}

.commonList2 li .title i.line{background: #34FF9A;border-color: #34FF9A;}





.commonList2 .tool{ position: absolute; width: 40px; right: 10px; top:0; z-index: 8;display: none;}

.commonList2 .tool .tb{background-repeat: no-repeat; width: 24px; height: 24px; background-repeat: no-repeat; margin: 14px 0 10px 0; cursor: pointer; position: relative;}

.commonList2 .tool .t1{background-image: url(../images/icon_chat.png);}

.commonList2 .tool .t2{background-image: url(../images/icon_love.png);}

.commonList2 .tool .t3{background-image: url(../images/icon_xihuan.png );}

.commonList2 .tool .t1.au{background-image: url(../images/icon_xihuan_sel.png);}

.commonList2 .tool .t2.au{background-image: url(../images/icon_love_sel.png);}



.commonList2 li:hover .tool{display: block;}





.commonList2 .tool .tb span{-moz-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s; left:40px;top: 0; position: absolute;color: #fff; height: 24px; line-height: 24px; width: 78px;text-align: right; }





.commonList2 .tool .tb:hover span{  left:-80px; }







.commonbox{ width: 100%; overflow: hidden; margin: 0 auto; max-width: 1200px;}







.cdl-title{ width: 100%; overflow: hidden;font-weight: bold; text-align: center;}

.cdl-title dt{font-size: 48px;color: #000000;}

.cdl-title dd{font-size: 16px; margin-top: 20px;}



.index-main{ max-width: 1200px; width: 100%; overflow: hidden; margin: 100px auto 0 auto;}

.index-main ul{ width:100%; overflow: hidden;display: flex;justify-content:space-between; margin-top: 30px;}

.index-main ul li{ width: 23%; margin-top: 30px; overflow: hidden;}

.index-main ul li a{height: 379px; width: 100%; overflow: hidden; background-color: #fff;display: block;border-top:4px #F6F6F6 solid; padding: 30px; text-align: center; text-decoration: none;}

.index-main ul li a img{ width: 76px; height: 76px; display: block; margin:30px auto 0 auto;}

.index-main ul li a .dt{font-weight: bold;font-size: 24px; margin-top: 50px;}

.index-main ul li a .dd{font-size: 14px;line-height: 24px;margin-top: 18px;}



.index-main ul li a:hover{border-color: #635DF7;background: #F3F2FF; color: #000;}





.preview-main{ padding: 50px 0 50px 0;}

.preview-main ul {white-space: nowrap;}

.preview-main ul li{display: inline-block;overflow:hidden; padding: 20px; width: 313px;}

.preview-main ul li a{display: block; position: relative;}

.preview-main ul li a img{ width: 100%;border-radius: 0px 0px 20px 20px;display: block;display: block; }

.preview-main ul li .title{font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 24px;background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); height: 80px; position: absolute; width: 100%; bottom: 0; padding: 0 24px;border-radius: 0px 0px 20px 20px;display: block;padding-top: 30px;}








.login-box{ width: 100%; overflow: hidden; position: relative;padding: 0px;margin: 0px;display: flex; min-height: 100vh;}

.login-box .leftbox{float: left;width:50%; overflow: hidden; position: relative; display: flex;justify-content:center;align-items:center;background-size:cover; }

.login-box .logo{ width:164px;position: absolute; top:71px; left: 100px; z-index: 8; }

.login-box  .logo img{ width: 100%;}







.form-box {width:50%;float: right; background: #fff;position: relative;display: flex;justify-content:center;align-items:center; overflow: hidden; }

.form-box .fbox{width:80%;max-width:680px; padding:30px 0;}
.form-box .fbox .title{width: 100%;color: #000000; line-height: 40px; overflow: hidden;}
.form-box .fbox .title dt{font-weight: bold;font-size: 28px;float: left;}
.form-box .fbox .title dd{font-size: 16px;float: right;}




.login-box .demo-ruleForm{}
.login-box .demo-ruleForm .el-form-item {margin-top: 30px;}
.login-box .demo-ruleForm .nebut {width: 100%;height: 64px;font-size: 16px;

background: #AF3230;border-radius: 5px;border:0;}




.login-box .demo-ruleForm .el-input__inner {  height: 64px;border-radius:5px;border: 1px solid #E2E2E2;font-size: 16px;

 color: #333; padding-left: 20px; }

 .login-box .demo-ruleForm .el-input__inner:focus{box-shadow: 0px 0px 15px 1px rgba(87,87,87,0.2);}
.login-box .demo-ruleForm  .el-form-item__label{font-weight: bold;font-size: 16px;color: #000000;}

.login-box  .el-select{ width: 100%;}

.login-box .el-date-editor{ width: 100% !important; }

.login-box .el-date-editor .el-icon-date{display: none;}



.login-box .reg{ margin-top: 20px;}

.login-box .reg .el-input__inner {padding:0 20px !important; } 

.login-box i.dw{position: absolute; top: 12px; right: 14px; left: auto;font-size: 16px;color: #AF3230; cursor: pointer; z-index: 2; }

.login-box .reg .el-form-item {margin-top:10px;}

.login-box .reg .el-form-item__label{ padding-bottom: 0 !important; font-weight: bold !important;}

.login-box .reg  .el-form-item{margin-bottom:15px}









.login-account{ width: 100%; overflow: hidden; position: relative;padding: 0px;margin: 0px;min-height: 100vh;background: #F6F6F6;}





.login-account .logo{ width:164px; height: 69px; position: absolute; top:18px; left: 100px; }

.login-account .logo img{ width: 100%;}



.login-account .h-box{width:80%;max-width:1200px; padding:30px;background-color: #fff; margin: 138px auto 0 auto; min-height: 640px;}

.login-account .title{width: 100%;color: #000000; line-height: 40px; overflow: hidden;}
.login-account .title dt{font-weight: bold;font-size: 18px;}
.login-account .title dd{font-size: 16px;}





.login-account .demo-ruleForm{max-width: 540px;}
.login-account .demo-ruleForm .el-input__inner {  height: 64px;border-radius:5px;border: 1px solid #E2E2E2;font-size: 16px;

 color: #333; padding-left: 20px; }

.login-account .demo-ruleForm .el-input__inner:focus{box-shadow: 0px 0px 15px 1px rgba(87,87,87,0.2);}
.login-account .demo-ruleForm  .el-form-item__label{font-weight: bold;font-size: 16px;color: #000000;}

.login-account  .el-select{ width: 100%;}

.login-account .el-date-editor{ width: 100% !important; }

.login-account .el-date-editor .el-icon-date{display: none;}

.login-account .demo-ruleForm .nebut {width: 100%; max-width: 230px; height: 64px;font-size: 16px;

background: #AF3230;border-radius: 5px;border:0;}



.login-account .prompt{ max-width: 450px; width: 100%; overflow: hidden; text-align: center;margin: 100px auto 0 auto;}

.login-account .prompt .img{ width: 80px; }

.login-account .prompt .stitle{font-size: 16px;color: #000000; margin-top: 30px;}

.login-account .prompt .stitle strong{font-size: 18px;}

.login-account .prompt .but{width: 236px;height: 64px;background: #FFFFFF;border-radius: 5px;border: 1px solid #AF3230;font-size: 16px;color: #AF3230; margin-top: 60px;font-weight: bold;}






.blog-details{ overflow: hidden;padding:40px 0; background-color: #fff;margin: 42px auto 80px auto;}
.blog-details h1.htitle{ width: 100%; overflow: hidden; font-size: 28px; text-align: center; color: #000;}
.blog-details .date{ width: 100%; overflow: hidden; padding: 30px 0;border-bottom: 2px solid #F6F6F6; font-size: 14px;color: #000;text-align: center;}

.blog-details .scontent{width:86%; overflow: hidden;font-weight: 400;font-size: 14px;color: #000;line-height:220%; margin: 40px auto 30px auto;}
.blog-details .scontent img{max-width: 100%;}


.blogbox{ margin-top: 80px;}

.blogbox .clist {  column-count: 3;column-gap: 1em;}

  
.blogbox .clist li { break-inside: avoid;margin-bottom: 1em;    padding: 6px;overflow: hidden;
  }

 .blogbox .clist li a{background-color: #fff;display: block;text-decoration: none;color: #000000;} 

  .blogbox .clist li a:hover{color: #e10003;}

   .blogbox .clist li dl{ width: 100%; padding: 24px;}

 .blogbox .clist li dl dt {font-weight: bold;font-size: 16px;line-height: 21px;}

 .blogbox .clist li dl dd {font-size: 14px;line-height: 24px; margin-top: 20px;}

   .blogbox .clist li img{ width: 100%;}






.servicebox{}

.servicebox .clist {margin: 0 -56px;}
.servicebox .clist li { break-inside: avoid;padding:0 56px;overflow: hidden;  width: 50%;float: left; margin-top: 150px; }

  .servicebox .clist li .box{display: flex;align-items:center;}

  .servicebox .clist li .box span{font-weight: bold;font-size: 120px;color: rgba(175, 50, 48, 0.34);
line-height: 168px;}

 .servicebox .clist li:nth-child(2){margin-top: 300px; }

  .servicebox .clist li:nth-child(3){margin-top: -60px; }

 .servicebox .clist li a{display: block;text-decoration: none;color: #000000;} 

  .servicebox .clist li a:hover{color: #e10003;}

   .servicebox .clist li dl{ width: 100%; padding: 24px;}

 .servicebox .clist li dl dt {font-weight: bold;font-size: 28px;color: #030303;line-height: 39px;}

 .servicebox .clist li dl dd {font-size: 16px;color:rgba(0, 0, 0, 0.7);line-height: 32px;}

   .servicebox .clist li img{ width: 100%;}





.contactusbox{ margin-top: 100px;}
.contactusbox .box{display:flex;justify-content:space-between;width:100%;margin: 0 auto;}

.contactusbox .info{  width:45%; overflow: hidden; }


.contactusbox .title1{}

.contactusbox .title1 dt{font-weight: bold;font-size: 48px;color: #000000;line-height: 67px; padding-bottom: 20px;}

.contactusbox .title1 dd{font-size: 20px;color: #000;line-height: 51px;}

.contactusbox .title1 dd i{color: #AF3230;}





.contactusbox .title2{}

.contactusbox .title2 dt{font-weight: bold;font-size:18px;color: #000000;line-height:26px;margin-top:40px;}

.contactusbox .title2 dd{font-size:16px;color: #000;line-height:32px;margin-top:10px;}

.contactusbox .img{ width: 100%;margin-top:40px;}





.contactusbox  .cform{ margin-top: 30px;}

.contactusbox  .txt{font-size: 14px;color: #000000;line-height: 19px;}
.contactusbox .formbox{width: 46%; overflow: hidden;}

.contactusbox .snav{ width: 100%;overflow: hidden;}

.contactusbox .snav li{ margin-right:30px;font-weight: bold;font-size: 18px;line-height: 24px; float: left; overflow: hidden;}

.contactusbox .snav li a{color:rgba(0, 0, 0, 0.5) !important; text-decoration: none;}

.contactusbox .snav li.hover a{color:rgba(0, 0, 0, 1) !important;}





.contactusbox  .el-select{ width: 100%;}

.contactusbox .el-date-editor{ width: 100% !important; }

.contactusbox .el-date-editor .el-icon-date{display: none;}
.contactusbox .el-input__inner{  padding-left: 15px!important;height: 44px;
  line-height: 44px; }

.contactusbox .fl3{display:flex;border: 1px solid #dcdfe6;border-radius: 4px;}

.contactusbox .fl3 .el-input__inner{border: none; text-align: center;}

.contactusbox .fl3 .fx{ color:#DBDBDB;font-size: 18px;font-weight: bold;}
.contactusbox .el-textarea__inner{height: 178px;background: #F5F5F5;border-radius: 5px;border: none;font-size: 16px; padding: 15px; margin-top: 10px; margin-top: 0; }

.contactusbox  .el-form--label-top .el-form-item__label{ padding-bottom: 0;}

.contactusbox   .el-form-item{margin-bottom: 16px;}

.contactusbox  .unit{ position: absolute; top: 1px; right: 30px;}


.contactusbox .but{width: 236px;height: 64px;background: #AF3230;
border-radius: 5px;border: 0;font-size: 16px;font-weight: bold; margin-top: 30px; }

.contactusbox .el-upload{ width: 100%;}

.contactusbox .el-upload .el-upload-dragger{ width: 100%;}

.contactusbox .el-icon-upload::before{content: "\e6d9"; color: #FFDEDE;font-size: 40px;}

.contactusbox .el-icon-upload {border:2px #FFDEDE solid; padding:0 10px;border-radius: 4px;}







.logon-dialog .el-dialog{border-radius:15px; max-width: 560px;}

.logon-dialog  .el-dialog__header{display: none;}

.logon-dialog .img{ width: 60px; margin:0 auto;display: block;}

.logon-dialog .info{ text-align: center; color: #000; margin-top:20px; padding: 0 30px;}

.logon-dialog .info dt{font-size: 24px;}

.logon-dialog .info dd { margin-top:20px;font-size: 13px;color:rgba(0, 0, 0, 0.47);line-height: 26px;text-align: left;}

.logon-dialog .but{display: flex;justify-content:center; margin-top: 40px;}

.logon-dialog .but .el-button{width:40%;height: 64px;border-radius: 5px;font-size: 16px; max-width: 220px;}

.logon-dialog .but .el-button--primary{background: #AF3230;border:0;}

.logon-dialog .but .el-button--default{color: rgba(136, 136, 136, 1);}




.aboutusbox { margin: 100px auto 0 auto;}
.aboutusbox .info{ width: 48%;float: left; overflow: hidden; }

.aboutusbox .info dt{font-weight: bold;font-size: 40px;color: #030303;line-height: 56px;}

.aboutusbox .info dd{font-size: 16px;color:rgba(0, 0, 0, 0.7);line-height: 32px; margin-top: 60px;}

.aboutusbox .img{ width: 48%; float: right;overflow: hidden;  }

.aboutusbox .img img{ width: 100%;}






.problem-list .common-title2{text-align: center;}
.problem-list .pcontent{background: #FAFAFA;padding: 20px 15px;border: solid #F5F5F5 1px;font-size: 16px;color:rgba(0, 0, 0, 0.6);line-height:220%;}

.problem-list  .el-collapse-item__header{font-size: 18px; height: auto; line-height: 24px; padding-top: 17px; padding-left: 30px; padding-bottom: 17px; padding-right: 26px;}
.problem-list .el-collapse{ border-top: 0;border-color: #F8F8F8; margin-top: 40px;}
.problem-list .el-collapse-item__header{ border-color: #F8F8F8;}
.problem-list .el-collapse-item__wrap{ border-color: #F8F8F8;}
.problem-list .el-collapse-item__arrow::before{content: "\e6d9"; font-size: 22px;font-weight: bold; color: black; color: #807F88;}
.problem-list .el-collapse-item__arrow.is-active{transform: rotate(0)}
.problem-list .el-collapse-item__arrow.is-active::before{content:"\e6d8";}

.problem-list .el-collapse-item__content{ padding-bottom: 0;}

.problem-list .el-collapse-item{ margin-bottom: 10px;}







.memberbox{ max-width: 1440px;background-color: #fff; margin-top: 20px;}



.memberheader{height: 226px;background: #12016D url(../images/bg.png); background-repeat: no-repeat; box-shadow: 0px 2px 10px 1px rgba(30,0,191,0.26);border-radius: 20px;margin: 30px auto 0 auto;max-width: 1440px; width: 100%; overflow: hidden;display: flex;justify-content:space-between;align-items:center; padding: 0 50px;}



.memberheader .fl{display: flex;align-items:center; overflow: hidden;}

.memberheader .fl .img{width: 110px;height: 110px;border-radius: 55px;border:4px solid rgba(255, 255, 255, 0.4); margin-right: 30px;}

.memberheader .fl .tt{color: #FFFFFF;}

.memberheader .fl .tt dt{font-weight: bold;font-size: 28px;line-height: 39px; margin-top: 10px;}

.memberheader .fl .tt dd{font-size: 14px;line-height: 20px;}





.memberheader .fr{ overflow: hidden; width: 70%;max-width: 800px;}

.memberheader .fr .data{display: flex;justify-content:space-between;align-items:center;}

.memberheader .fr .d1{height: 104px;background: #312280; width: 24%;border-radius: 20px; color: rgba(255, 255, 255, 0.7); text-align: center;}

.memberheader .fr .d1 .img{display: block;margin:14px auto 7px auto; height: 48px;}



.memberheader .fr .d2{height: 104px;background: #312280; width: 74%;border-radius: 20px;color: rgba(255, 255, 255, 0.7); text-align: center;display: flex; padding: 0 20px;}



.memberheader .fr .d2 li{width:33.33%; overflow: hidden; position: relative;}

.memberheader .fr .d2 li span{display: block;margin:14px auto 7px auto; height: 48px;font-weight: bold;font-size: 32px;color: #FFFFFF; line-height: 48px;}

.memberheader .fr .d2 li::before{content:" "; width: 1px;height: 44px;background: #FFFFFF;opacity: 0.13; position: absolute;top: 30px; right: 0; }



.memberheader .fr .d2 li:last-child::before{display: none;}

.memberheader .fr .ts{height:48px;background: #312280; width: 100%;border-radius:10px;color: rgba(255, 255, 255, 0.7); text-align: center;display: flex; padding: 0 20px;font-size: 16px; margin-top: 10px; line-height: 48px; padding-left: 15px;}



.memberheader .fr.fty2{width: 50%;max-width:600px;}

.memberheader .fr.fty2 .d2{ width: 100%;}

.memberheader .fr.fty2 .ts{font-size: 14px;}







.message-box{}



.message-box .winnav{border-bottom: 2px #F6F6F6 solid; width: 100%;overflow: hidden;}

.message-box .winnav li{float: left; padding: 0 30px;display: flex;align-items:center; height: 60px; }

.message-box .winnav li a{font-size: 16px;color: #000000; position: relative;}

.message-box .winnav li.hover a::before{content:" "; width: 10px;height: 2px;background: #AF3230;position: absolute;top:25px; right: 0; left: 0; margin: 0 auto; }





.message-box .winbox{display: flex;}

.message-box .mlistbox{overflow: hidden;border-right:2px solid #F6F6F6; flex:0 0 318px;}



.message-box .mlistbox li{ width: 100%; overflow: hidden;}

.message-box .mlistbox li a{display: flex; padding: 18px 20px;text-decoration: none;}

.message-box .mlistbox li .img{ flex:0 0 40px; width: 40px; height: 40px;}

.message-box .mlistbox li .img img{ width: 40px; height: 40px; border-radius: 40px;}



.message-box .mlistbox li dl{-ms-flex: 1;overflow: hidden;  flex: 1; flex-basis: 0%;  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 position: relative;

 flex-grow:1;  padding-left: 15px;
  }

  

  .message-box .mlistbox li dl dt{display: flex;align-items:center;justify-content:space-between;}

.message-box .mlistbox li dl dt .title{font-size: 16px;height: 20px;}

 .message-box .mlistbox li dl dt .time{font-size: 14px; color: rgba(0, 0, 0,0.2);}

 .message-box .mlistbox li dl dd{font-size: 14px; color: rgba(0, 0, 0,0.4);  overflow: hidden; height: 20px;  white-space: nowrap;  text-overflow: ellipsis; width: 100%; }

  

.message-box .mlistbox li.hover{background: #F6F6F6;}





.message-box .messagewinx{-ms-flex: 1;overflow: hidden;  flex: 1; flex-basis: 0%;  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 position: relative;

 flex-grow:1;  padding-bottom: 50px;
  }

  

  

.message-box .messagewinx .Cbox{overflow: hidden; height: 100%; position: relative;}

.message-box .messagewinx .Cbox .li{ width: 100%; overflow: hidden; padding: 0 16px;}

  .message-box .messagewinx .Cbox  .message{min-height: 36px;background: #F6F6F6;border-radius:10px; margin-top: 12px; padding: 12px 12px;font-size: 14px;color: #3B3B3A;line-height: 19px;float: left;}

   

.message-box .messagewinx .Cbox .li::after{content:"";display:block;clear:both}

  

 .message-box .messagewinx .Cbox .li:last-child .message{margin-bottom:20px;}

   

   

 .message-box .messagewinx .Cbox .avatar{width:42px;height:42px;float:left;margin-top:20px;position:relative}

 .message-box .messagewinx .Cbox .avatar-right{margin-right:10px}

  .message-box .messagewinx .Cbox .avatar .img{width:42px;height:42px;border-radius:42px;overflow:hidden;display:block}

   

 .message-box .messagewinx .Cbox .message-box{max-width:66%;display:inline-block;word-wrap:break-word;}

  .message-box .messagewinx .Cbox .message-box .name{margin-top:20px;width:100%;overflow:hidden;color: #130F26;line-height: 16px;float: left;}

  .message-box .messagewinx .Cbox .message-box .name .time{font-size: 14px;  color: rgba(19,15,38,0.5); margin-left: 10px;}

    

    

 .message-box .messagewinx .Cbox  .message-box.is-me .message{background: #AF3230;color:#fff;float: right;}

 .message-box .messagewinx .Cbox  .avatar-right{margin-right:15px}

   

.message-box .messagewinx .Cbox .is-me{float:right;margin-left:10px}

.message-box .messagewinx .Cbox .is-me .name .dt{float: right; margin-left: 12px;}

.message-box .messagewinx .Cbox .is-me .name .time{float: right;}

  

.message-box   .base-btn{ bottom:0; position:relative; padding:16px; width:100%;height: 90px; padding-right: 180px;}

.message-box   .base-btn .input-text{ height:65px;background: #F6F6F6;font-size: 16px;

  border-radius: 8px; width:100%; border: 0; padding:20px 20px 10px 20px;}

.message-box   .base-btn .but{height:65px; width: 155px;background: #AF3230; position: absolute; top: 16px; right: 16px;border: 0;font-size: 16px;}

  

  

  .scrollbar {

    height:100%;  /* 设置滚动条高度为100% */

    box-sizing: border-box;  /* 设置盒模型为border-box */

    padding: 10px;  /* 设置内边距为10像素 */ overflow: hidden;

  }

   

  /* 使用:deep()选择器来深度选择子组件的样式 */

  .el-scrollbar {

    height: 100%;  /* 设置滚动条高度为100% */

  }

   

  /* 使用:deep()选择器来深度选择子组件的样式 */

  .el-scrollbar__wrap {

    /* 隐藏水平滚动条 */

   /* margin-right: -27px !important;   设置右边距为-27像素隐藏竖滚动条*/

     scrollbar-width: none;

  

  }

  .el-scrollbar__wrap::-webkit-scrollbar {

    display: none!important;

  }

   

  .send-item {

    margin: 0 8px;  /* 设置外边距为0和8像素 */

    line-height: 30px;  /* 设置行高为30像素 */

    border-bottom: 1px dashed;  /* 设置底部边框为1像素的虚线 */

  }

  

  .el-scrollbar__view{ overflow: hidden;}

  





.membe-home{display: flex;}

.membe-home .mform{ padding: 20px; overflow: hidden;

border-right:2px solid #F6F6F6; margin-right: 10px; flex:0 0 318px;}

.membe-home .mform .mtitle{font-weight: bold;font-size: 18px;color: #000000;line-height: 24px;}



.membe-home .mform  .mtitle2 a{ color: rgba(0, 0, 0, 0.45);font-weight: bold;font-size: 18px;line-height: 24px;text-decoration: none; margin-right: 26px;}

.membe-home .mform  .mtitle2 a.hover{color: #000000;}





.membe-home  .cform{margin-top: 20px;}

.membe-home  .el-checkbox{ width: 100%; margin-top: 15px;}

.membe-home  .el-checkbox__label{font-size: 16px;color: #000000;}

.membe-home  .el-checkbox__inner{ width: 18px; height: 18px;}

.membe-home  .el-checkbox__inner::after{height: 9px;width:4px;border-width: 2px; left: 5px;}

.membe-home  .el-checkbox-group{ margin-bottom: 12px;}





.membe-home .mform .el-form-item__label{ color: #000;}

.membe-home .mform  .el-select{ width: 100%;}

.membe-home .mform .el-date-editor{ width: 100% !important; }

.membe-home .mform .el-date-editor .el-icon-date{display: none;}
.membe-home .mform .el-input__inner{  padding-left: 15px!important;height: 44px;  line-height: 44px; }

.membe-home .mform .fl3{display:flex;border: 1px solid #dcdfe6;border-radius: 4px;}

.membe-home .mform .fl3 .el-input__inner{border: none; text-align: center;}

.membe-home .mform .fl3 .fx{ color:#DBDBDB;font-size: 18px;font-weight: bold;}


.membe-home .mform  .el-form--label-top .el-form-item__label{ padding-bottom: 0;}

.membe-home .mform   .el-form-item{margin-bottom: 16px;}

.membe-home .mform  .unit{ position: absolute; top: 1px; right: 30px;}


.membe-home .mform .but{width:100%;height: 64px;background: #AF3230;
border-radius: 5px;border: 0;font-size: 16px;font-weight: bold; margin-top:20px; }



.membe-home .mrightbox{-ms-flex: 1;overflow: hidden;  flex: 1; flex-basis: 0%;  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 position: relative;

 flex-grow:1;   padding-right: 10px;
  }


.membe-home .mrightbox .commonList2 li{ width:25%;float: left;}





.membe-home2 { padding: 30px;}

.membe-home2  .mtitle{font-weight: bold;font-size: 18px;color: #000000;line-height: 24px;}



.membe-home2 .list li{ width:20%;float: left; padding:0 15px; overflow: hidden; margin-top: 16px;}

.membe-home2 .list li img{width: 100%;}

.membe-home2 .list{ margin: 0 -15px ;}







.membe-home2  .mtitle2 a{ color: rgba(0, 0, 0, 0.45);font-weight: bold;font-size: 18px;line-height: 24px;text-decoration: none; margin-right: 26px;}

.membe-home2  .mtitle2 a.hover{color: #000000;}



.membe-home2 .commonList2{margin: 0 -15px;}

.membe-home2 .commonList2 li{ width:20%;float: left;}







.membe-info{background: #E8E6F5;border-radius:20px; padding: 40px; margin-top: 30px;display: flex;}



.membe-info .mfl{ overflow: hidden; margin-right: 10px; flex:0 0 390px;

position: relative;

-ms-flex:0 0 390px; padding-bottom: 110px; margin-right: 40px;

}



.membe-info .mfr{-ms-flex: 1;overflow: hidden;  flex: 1; flex-basis: 0%;  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 position: relative;

 flex-grow:1;   padding-right: 10px; 

 background: #FFFFFF;

 border-radius: 20px; padding: 40px;
  }

.membe-info .mfr  .swiper-container{}

.membe-info .mfr  .swiper-slide .img{ width: 100%; border-radius: 20px;}

  

  

.membe-info .mfl .un{display: flex;align-items:center; overflow: hidden;}

.membe-info .mfl .un .img{width: 102px;height: 102px;border-radius: 55px;margin-right: 30px; position: relative;}

.membe-info .mfl .un .img i{width: 14px;height: 14px;position: absolute; bottom: 8px; right: 8px; border-radius: 14px;background: #c8c8c8;}

.membe-info .mfl .un .img i.line{background: #34FF9A; }





.membe-info .mfl .un .img img{width: 102px;height: 102px;border-radius: 55px;}





.membe-info .mfl .un .tt{color: #000;}

.membe-info .mfl .un .tt dt{font-weight: bold;font-size: 28px;line-height: 39px;}

.membe-info .mfl .un .tt dd{display: flex; align-items:center; margin-top: 21px;}

.membe-info .mfl .un .tt dd span{height: 18px;background: #AF3230;
border-radius:9px; line-height: 17px; padding:0 7px;color: #fff;font-size: 14px; margin-right: 10px;}



.membe-info .mfl .ibox{ width:100%; overflow: hidden; margin-top: 40px;}



.membe-info .mfl .ibox dl{display: flex; overflow: hidden;font-size: 16px;}

.membe-info .mfl .ibox dl dt{flex:0 0 100px; line-height: 24px; padding: 8px 0; color: rgba(0, 0, 0, 0.7); text-align: right;}

.membe-info .mfl .ibox dl dd{ flex-grow:1;line-height: 24px; padding: 8px 0; color: #000; padding-left:12px;}



.membe-info .mfl  .idata{height: 95px;background: rgba(255,255,255,0.55);border-radius: 20px;border: 1px solid #FFFFFF; width: 100%;display: flex; position: absolute; width: 100%; bottom: 0;align-items:center; justify-content:space-around; padding: 0 20px;}



.membe-info .mfl  .idata li{width: 70px;height: 58px;background: rgba(255,255,255,0.7);border-radius: 10px;border: 1px solid #E8E6F5; text-align: center;font-size: 14px;}

.membe-info .mfl  .idata li img{display: block; margin: 2px auto 0 auto;}

.membe-info .mfl  .idata li span{font-size: 14px;color: #000000;line-height: 20px;}









.mprogress-box{background-color: #fff; padding: 30px 40px 80px 40px;}

.mprogress-box  .htitle{font-weight: bold;font-size: 18px;color: #000000;line-height: 24px; width: 100%;}

.mprogress-box .box{ width: 100%; overflow: hidden; position: relative; padding: 0 44px;}

.mprogress-box .swiper-slide{ height: 200px; width: 200px;}

.mprogress-box  .swiper-container{margin-top: 80px; overflow: hidden; }

.mprogress-box .fx{height: 4px;background: #E2E2E2;position: absolute; top: 49%; width: 100%;}

.mprogress-box .fx i{width: 32px;height: 32px;background: #FFFFFF; position: absolute;border-radius: 32px;
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16); left: 0; right: 0; margin: 0 auto; top: -12px;}



.mprogress-box .fx span{width:100%;height: 32px;position: absolute; top:40px;font-weight: bold;font-size: 16px;color: #000000;text-align: center; }

.mprogress-box .title{width:100%;height: 32px;position: absolute; top:170px;font-size: 16px;color:rgba(0, 0, 0, 0.4);text-align: center; }



.mprogress-box  .swiper-slide:nth-of-type(odd)  .fx span{} 
.mprogress-box  .swiper-slide:nth-of-type(even) .fx span{top:-60px;} 

.mprogress-box  .swiper-slide:nth-of-type(odd)   .title{} 

.mprogress-box  .swiper-slide:nth-of-type(even) .title{top:5px;} 



.mprogress-box  .button-next,.mprogress-box  .button-prev{ width: 44px; height: 44px; overflow: hidden; top: 56%; position: absolute; z-index: 10;box-shadow: 0px 0px 10px 1px rgba(31, 207, 119, 0.2); border-radius: 44px;cursor: pointer;}

.mprogress-box  .button-next{  right: 5px; background: url(../images/icon_arrow_right.png);background-repeat: no-repeat;}

.mprogress-box  .button-prev{left: 5px;background: url(../images/icon_arrow_left.png);background-repeat: no-repeat;}



.mprogress-box .swiper-slide.hover .fx::before{content: " "; background: #1FCF77; width: 100%; height: 4px; display: block;}

.mprogress-box .swiper-slide.hover .fx i{background: #1FCF77; }



.mprogress-box .swiper-slide.Tohover .fx::before{content: " "; background: #1FCF77; width: 50%; height: 4px; display: block;}

.mprogress-box .swiper-slide.Tohover .fx i{background: #1FCF77; }







.personal-data{max-width: 1200px; padding: 30px;}

.personal-data .cform{ margin-top: 30px;}

.personal-data  .htitle{font-weight: bold;font-size: 18px;color: #000000;line-height: 24px; width: 100%;}

.personal-data  .htitle .ma{color: #AF3230; margin-left: 20px; text-decoration: underline;}



.personal-data .fl,.personal-data .fr{ overflow: hidden; float: left; width: 48%;}



.personal-data .fr{float: right;}



.personal-data  .el-select{ width: 100%;}

.personal-data .el-date-editor{ width: 100% !important; }

.personal-data .el-date-editor .el-icon-date{display: none;}
.personal-data .el-input__inner{  padding-left: 15px!important;height: 44px;  line-height: 44px; }

.personal-data .el-form-item__label{color: #000;}



.personal-data .fl3{display:flex;border: 1px solid #dcdfe6;border-radius: 4px;}

.personal-data .fl3 .el-input__inner{border: none; text-align: center;}

.personal-data .fl3 .fx{ color:#DBDBDB;font-size: 18px;font-weight: bold;}
.personal-data .el-textarea__inner{height: 178px;background: #F5F5F5;border-radius: 5px;border: none;font-size: 16px; padding: 15px; margin-top: 10px; margin-top: 0; }

.personal-data  .el-form--label-top .el-form-item__label{ padding-bottom: 0;}

.personal-data   .el-form-item{margin-bottom: 16px;}

.personal-data  .unit{ position: absolute; top: 1px; right: 30px;}


.personal-data .but{width: 236px;height: 64px;background: #AF3230;
border-radius: 5px;border: 0;font-size: 16px;font-weight: bold; margin-top: 30px; }

.personal-data .el-upload{ width: 100%;}

.personal-data .el-upload .el-upload-dragger{ width: 100%;}

.personal-data .el-icon-upload::before{content: "\e6d9"; color: #FFDEDE;font-size: 40px;}

.personal-data .el-icon-upload {border:2px #FFDEDE solid; padding:0 10px;border-radius: 4px;}



.personal-data .ibox{ width:100%; overflow: hidden; margin-top: 40px;}



.personal-data .ibox dl{display: flex; overflow: hidden;font-size: 14px;}

.personal-data .ibox dl dt{flex:0 0 100px; line-height: 24px; padding: 8px 0; color: rgba(0, 0, 0, 0.7); text-align: right;}

.personal-data .ibox dl dd{ flex-grow:1;line-height: 24px; padding: 8px 0; color: #000; padding-left:12px;}

.personal-data .ibox dl dd .uimg{ width: 100px; height: 100px; display: block;border-radius: 100px;}

.personal-data .ibox dl dt.ut{ line-height: 100px;}



.personal-data .ibox dl.imgbox{display: block;}

.personal-data .ibox dl.imgbox dt{text-align: left;}

.personal-data .ibox dl.imgbox dd{ padding: 0;}

.personal-data .ibox dl.imgbox ul{ margin:0 -10px; overflow: hidden;}

.personal-data .ibox dl.imgbox ul li{ width: 33.33%; padding:0 10px; float: left; margin-bottom: 20px;}

.personal-data .ibox dl.imgbox ul li img{border-radius: 20px; width: 100%;}





.upload-photos{ max-width: 1200px; padding: 30px;}

.upload-photos  .htitle{font-weight: bold;font-size: 18px;color: #000000;line-height: 24px; width: 100%;}



.upload-photos .box{max-width: 540px; width: 100%; margin-top: 40px;}

.upload-photos .el-upload{ width: 100%;}

.upload-photos .el-upload .el-upload-dragger{ width: 100%;}

.upload-photos .el-icon-upload::before{content: "\e6d9"; color: #FFDEDE;font-size: 40px;}

.upload-photos .el-icon-upload {border:2px #FFDEDE solid; padding:0 10px;border-radius: 4px;}

.upload-photos .but{width: 236px;height: 64px;background: #AF3230;
border-radius: 5px;border: 0;font-size: 16px;font-weight: bold; margin-top: 30px; }

.personal-data .bbut{ width: 100%; overflow: hidden;}



.personal-data .nameimg{ overflow: hidden; width: 100%;}

.personal-data .nameimg .ut{font-size: 14px; color: #000; height: 100px; line-height: 100px; float: left; width: 40px;}

.personal-data .avatar-uploader {overflow: hidden;}
.personal-data  .avatar-uploader .el-upload {border: 1px solid rgba(238, 238, 238, 1);border-radius: 100px;cursor: pointer;position: relative;    overflow: hidden;height: 100px; width: 100px;}
  .avatar-uploader .el-icon-plus {color:#C8DDD4;width: 100%;height: 100px;line-height: 100px;text-align: center; font-size: 60px;font-weight: bold;border: 0;}
.personal-data   .avatar-uploader img{ width:100px; height: 100px;}
 .personal-data  .avatar-uploader .el-upload__text{font-size: 18px;color: #339f97; }














.manageset-box{ max-width: 1200px; padding: 30px;}

.manageset-box  .mtitle2 a{ color: rgba(0, 0, 0, 0.45);font-size: 18px;line-height: 24px;text-decoration: none; margin-right: 26px;}

.manageset-box  .mtitle2 a.hover{color: #000000;font-weight: bold;}

.manageset-box .ts{font-weight: bold;font-size: 16px;color: #000000;line-height: 21px; margin-top:40px;}

.manageset-box  .cform{ max-width: 540px; margin-top: 30px;}
.manageset-box  .el-input__inner{  padding-left: 15px!important;height: 44px;  line-height: 44px; }

.manageset-box  .el-form-item__label{color: #000;}

.manageset-box   .el-form--label-top .el-form-item__label{ padding-bottom: 0;}

.manageset-box    .el-form-item{margin-bottom: 16px;}

.manageset-box  .el-date-editor{ width: 100% !important; }

.manageset-box   .el-date-editor .el-icon-date{display: none;}

.manageset-box   .unit{ position: absolute; top: 1px; right: 18px; color: #AF3230; cursor: pointer;}


.manageset-box  .but{width: 236px;height: 64px;background: #AF3230;
border-radius: 5px;border: 0;font-size: 16px;font-weight: bold; margin-top: 30px; }











.el-icon-arrow-up::before {  content: "\e78f" !important; color: #A4A4A4;font-size: 16px;}















footer.footer{background: #12016D url(../images/img_footer.png); background-repeat: no-repeat; padding-top:32px; overflow: hidden; margin-top: 100px; height: 415px;}
footer.footer .logo{ width: 144px; overflow: hidden;margin: 0 auto;}
footer.footer .logo img{ width: 100%;}

footer.footer  .nav{overflow:hidden; width:100%; max-width: 830px; display: flex;justify-content:space-around;margin:28px auto 0 auto; position: relative; padding-bottom: 20px;}

footer.footer  .nav:before{content:"";position:absolute;width: 40px;height: 2px;background:rgba(255, 255, 255, 0.3); bottom: 0; left: 0; right: 0; margin: 0 auto;}
footer.footer  .nav li{ font-size:16px;line-height: 20px; overflow:hidden;color: #fff;}
footer.footer  .nav li a{ color: #fff;}


footer.footer .contact { border-top:1px solid rgba(255, 255, 255, 0.1); width: 100%; margin-top: 30px; overflow: hidden; color: rgba(255, 255, 255, 0.5); text-align: center; text-align: center;font-size: 14px;}

footer.footer .contact .t1{ margin-top: 30px;}

footer.footer .contact .t2{ margin: 40px auto 0 auto; width: 430px;display: flex;justify-content:space-around;}

footer.footer .contact .t2 a{color: rgba(255, 255, 255, 0.5);}


footer.footer .contact .t3{ margin:40px auto 0 auto; width: 280px;display: flex;justify-content:space-around;align-items:center;}





.am-pagination{ margin-top:50px; margin-bottom:50px; text-align: center;}

.am-pagination > li{display:inline-block;}
.am-pagination > li > a, .am-pagination > li > span{border: 1px solid #F6F6F6;color:#333;  min-width: 32px; line-height: 32px;display: block;text-decoration: none;}




.am-pagination .prevend{ background: url(../images/icon-left1.png) center center no-repeat!important;}
.am-pagination .prev{ background: url(../images/icon_left2.png) center center no-repeat!important;}
.am-pagination .next{ background: url(../images/icon_right4.png) center center no-repeat!important;}
.am-pagination .nextend{ background: url(../images/icon_right3.png) center center no-repeat!important;}
.am-pagination .next:hover,.am-pagination .prev:hover{color:#333; background-color:none!important; }
.am-pagination > .am-active > a{font-weight: bold;background-color:#f7f7f7;}







    /* 设置input元素占位符的字体大小 */
    input::-webkit-input-placeholder {
        font-size: 14px; /* Chrome, Safari, Opera */
    }
    input:-moz-placeholder {
        font-size: 14px; /* Firefox 18- */
    }
    input::-moz-placeholder {
        font-size: 14px; /* Firefox 19+ */
    }
    input:-ms-input-placeholder {
        font-size: 14px; /* Internet Explorer 10+ */
    }



@media only screen and (max-width:1300px){

.membe-home .mrightbox .commonList2 li{  width: 33.33%;}

}

@media only screen and (max-width:1100px){

.membe-home .mrightbox .commonList2 li{  width:50%;}



.commonList1 li a img{ height: 340px;}

}



@media only screen and (max-width:1000px){



.commonList1 li a img{ height: 300px;}

}







@media only screen and (max-width:950px){

.show-sm-only{display: block;}

.show-md-up{display: none;}

.am-offcanvas {display: block;}

.am-offcanvas-bar{display: block;}



.membe-info{display: block; width: 94%;padding:20px;}

.membe-info .mfl{ margin-right: 0;}

.membe-info .mfr{ margin-top: 20px;}



.commonad dl{bottom: 16%;}

.commonad dl dd{ margin-top: 10px;}

.commonad dl dt{font-size: 36px;line-height:40px;}





.commonList1 li a img{ height: 260px;}

}



@media only screen and (max-width:750px){

	.commonList1 li a img{ height: 200px;}

	}





@media only screen and (max-width:640px){

	.commonList1 li a img{ height: 240px;}

	.message-box .winbox{display: block;}

.message-box .messagewinx{ padding-bottom: 10px;}

	.message-box .mlistbox { border-right: 0;  border-bottom: 2px solid #F6F6F6; padding-bottom: 10px; }

	.message-box .mlistbox li a{padding:8px 16px;}

	.message-box .base-btn{ padding-right: 90px;}

	.message-box .base-btn .but{ width: 70px; padding: 0;}

	

	.message-box .winnav{display: flex;justify-content:space-around;}

	.message-box .winnav li{ padding: 0 10px;}

	

	footer.footer{ margin-top: 40px;height: auto; padding-bottom: 20px;}

	footer.footer .nav{flex-wrap:wrap;justify-content:space-around;}

	footer.footer .nav li{ width: 33.33%; text-align: center; margin-top: 8px;}

	footer.footer .contact .t2{ width: auto;}





.membe-home{display: block;}

.membe-home .mform{ border-right: 0;  border-bottom: 2px solid #F6F6F6; padding-bottom: 10px; margin-right: 0;}

.membe-home .mrightbox{padding-right: 0;}

.membe-home .mrightbox .commonList2 li{ width: 50%;padding: 0 5px; margin-top: 10px;}

.commonList2 .tool{display: block;}

.manageset-box .but{ width: 100%; margin-top: 10px;}

.upload-photos .but{ width: 100%; margin-top: 10px;}

.manageset-box .mtitle2{display: flex;justify-content:space-around;}

.manageset-box .mtitle2 a{ margin: 0;}



.memberheader{ height: auto;display: block; padding: 20px 10px; width: 97%;}

.memberheader .fl{ width: 80%; margin: 0 auto; }

.memberheader .fr{ width: 100%;margin-top: 10px;}

.memberheader .fr .d2 li span{ font-size: 24px;}

.memberheader .fr .d2{ padding: 0 5px;}

.memberheader .fr .d1{ width: 22%;}

.memberheader .fr .d2{ width: 76%;}

.memberheader .fr .ts{font-size: 14px;  height: auto; line-height: 24px;}

.membe-info .mfr{ padding: 10px;}

.membe-info{ padding: 10px;}

.membe-info .mfl .ibox{ margin-top: 20px;}

.personal-data{ padding:20px;}

.personal-data .fl, .personal-data .fr{ width: 100%;}

.personal-data .but{ width: 100%;}

.personal-data .ibox dl.imgbox ul li{ width: 50%;}

.mprogress-box{padding: 30px 10px 80px 10px;}

.mprogress-box .swiper-slide{ width: 160px;}



.membe-home2{ padding: 20px 10px;}

.memberheader .fr.fty2{ width: 100%;}

.membe-home2 .list li{ width: 50%;padding: 0 8px;}

.membe-home2 .list{margin: 0 -8px;}

.membe-home2 .commonList2 li{ width: 50%;}



.el-select .el-input--suffix .el-input__inner{padding-right: 20px; padding-left: 8px;}

.el-input__suffix{ right: 0 !important;}



.commonad dl{bottom: 16%;}

.commonad dl dd{ margin-top:5px;font-size: 12px;}

.commonad dl dt{font-size: 20px;line-height:24px;}

.aboutusbox{ padding:0 10px; margin-top: 10px;}

.aboutusbox .info{ width: 100%;}

.aboutusbox .info dd{ margin-top: 10px;}

.aboutusbox .img{ width: 100%;}

.blog-details{margin: 10px auto 0 auto;}

.blog-details h1.htitle{font-size: 24px;}

.blog-details .date{padding:10px 0;}

.blogbox .clist{column-count:2;column-gap: 0em;}

.blogbox{ margin-top:10px;}

.contactusbox{ margin-top:10px;}

.contactusbox .box{display: block; padding: 0 10px;}

.contactusbox .info{ width: 100%;}



.contactusbox .formbox{ width: 100%; margin-top: 20px;}

.contactusbox .but{  width: 100%;}



 .logon-dialog .el-dialog{ width: 90% !important;}

 .el-dialog__body{padding: 20px 10px;}

 .logon-dialog .but .el-button{ width: 46%;}

 .logon-dialog .info{ padding: 0;}

 .contactusbox .title1 dt{ font-size: 38px;}

 

 .index-main{ margin-top: 20px;}

 .cdl-title dt{font-size: 36px;}

 

 .index-main ul{ flex-wrap:wrap;}

 .index-main ul li{ width: 50%; padding: 5px; margin-top: 10px;}

 .index-main ul li a .dt{ margin-top: 10px;}

 .index-main ul li a{ padding: 10px;}

 .index-main ul{ margin-top: 10px;}

 .index-main ul li a{ height: 320px;}

 

 .login-account .h-box{ width: 90%; min-height: auto; padding: 20px;}

 .login-account .prompt{ margin-top: 10px;}

 .login-account .demo-ruleForm .nebut{ max-width: none;}





 .login-box{align-items:center;flex-wrap:wrap;align-items:}

 .login-box .leftbox{ width: 100%; height: 100vh; display: none;}

 .form-box{ width: 90%; margin: 10px auto;}

 .form-box .fbox{ width: 90%;}

 

 .loginty3{background-image: url("../images/banner02.png"); background-repeat: no-repeat;background-size: cover;}

  .loginty2{background-image: url("../images/banner01.png"); background-repeat: no-repeat;background-size: cover;}

.loginty1{background-image: url("../images/banner.png"); background-repeat: no-repeat;background-size: cover;}



.loginty2 .form-box{ margin: 30px auto;}

 

 .login-box .logo{right: 0; left: 0; margin: 0 auto;position: initial; margin-top: 20px;}

 

 .login-account .logo{ height: auto;margin: 0 auto; right: 0; left: 0; }

 

 

 .preview-main .commonList1{margin: 0 ;}

 .preview-main{ padding-top:  10px; padding-bottom: 0;}

.preview-main ul li{ margin-top: 10px; width:200px; padding: 0 8px;}

.problem-list .el-collapse{ margin-top: 10px;}



.servicebox .clist{ margin: 0;}

.servicebox .clist li{ width: 100%; padding: 0 10px;}

.servicebox .clist li{ margin-top: 10px !important;}












}