@media only screen and (min-width: 769px) and (max-width: 1420px){
    .pcnone{display: none !important;}
    body{min-width: 1200px;}
    .padb15{padding: 0 12%;}
    .padd15{padding: 50px 0;}
    .riskh5{margin: 0 12%;background: #ffffff;padding: 20px 60px;}
    .formw{width: 50%;margin: auto;}
    .padd20{padding: 60px 25px;}
    .padb1d{padding: 30px 0;}
    .font30{font-size: 30px !important;}
    .heightrisk{height: 350px;}
    .padd25{padding: 25px;}
    .padbfh{padding: 0 13%;}
    .pad25{padding: 0px 25px;}
    .padd222{padding: 15px 10px;}
    #questions{overflow-y: scroll;width: 100%;min-height: 350px;max-height: 550px;}
    .riskover{width: 100%;min-height: 350px;}

    .modal-body{padding: 0 1rem 1rem 1rem;margin: 0 10%;}
.widies{padding: 10px;border-radius: 5px;margin: 20px 10% auto 10%;width: 80%;}
    .mcenindex{padding: 30px 0;color:#333333;text-align: center;line-height: 30px;;background: rgba(0, 0, 0, 0.2);}
    .mcenindex:hover{padding: 19px 0;color:#ffffff;text-align: center;background: rgba(0, 0, 0, 0.6);line-height: 20px;}
    .othors{line-height: 50px;width: 100%;text-align: left;padding-left: 10px}
    .height50{height: 50px}
    .layui-textarea{min-height: 30px !important;}
    .borderdb{border-right: 1px solid #DBDBDB;}
    .video-js .vjs-big-play-button{top:35%!important;left: 35%!important;background: none!important;font-size: 6em!important;border: none!important;outline: none !important;}
}
@media only screen and (min-width: 1420px){
    .modal-body{padding: 0 1rem 1rem 1rem;margin: 0 10%;}
    .pcnone{display: none !important;}
    .layui-textarea{min-height: 30px !important;}
    .padb15{padding: 0 20%;}
    .padd15{padding: 50px 0;}
    .video-js .vjs-big-play-button{top:35%!important;left: 35%!important;background: none!important;font-size: 6em!important;border: none!important;outline: none !important;}
.widies{padding: 10px;border-radius: 5px;margin: 20px 10% auto 10%;width: 80%;}
    .padd25{padding: 25px;}
    .riskh5{width: 60%;margin: 0 20%;background: #ffffff;padding: 20px 5%;}
    .formw{width: 50%;margin: auto;}
    .padd20{padding: 60px 25px;}
    .padb1d{padding: 30px 0;}
    .font30{font-size: 30px !important;}
    .heightrisk{height: 350px;}
    .pad25{padding: 0px 25px;}
    .padd222{padding: 15px 10px;}
    .padbfh{padding: 0 13%;}
    #questions{overflow-y: scroll;width: 100%;min-height: 350px;max-height: 550px;}
    .riskover{width: 100%;min-height: 350px;}

    .mcenindex{padding: 30px 0;color:#333333;text-align: center;line-height: 30px;;background: rgba(0, 0, 0, 0.2);}
    .mcenindex:hover{padding: 19px 0;color:#ffffff;text-align: center;background: rgba(0, 0, 0, 0.6);line-height: 20px;}
    .othors{line-height: 50px;width: 100%;text-align: left;padding-left: 10px}
    .height50{height: 50px}
    .borderdb{border-right: 1px solid #DBDBDB;}
}
html{font-family:"Microsoft Yahei";}
.justnone{display: none;}
.nchan a:hover{color: #ffffff !important;}
.weui-cell{position: inherit !important;font-size: 13px !important;}
.weui-cells:before,.weui-cells:after{border: none !important;}
.riskheight{height: 340px;}
.lablesT{margin: auto;}
.lablnum{width: 100px;height: 50px;line-height: 20px;}
.blablet{background: url(/hxfcommu/img/backsg.png) no-repeat center;background-size:cover;color: #0085FB !important;}
.weuiposi{position: absolute;right: 20px;opacity: -1;}
.on .weuiposi{opacity: 1!important;}
#submit_form_type{width: 100%;height: 40px;}
.cusor{cursor: pointer;}
.sanji{

    position: absolute;
    width: 0px;
    height: 0px;
    line-height: 0px;
    border-left: 7px solid #45b5fe;
    border-top: 7px solid rgba(255, 255, 255, 0.1);
    border-bottom: 7px solid rgba(255, 255, 255, 0.1);
    right: 36px;
    bottom: 30px;
}

.minh{height: 100%;}
.minh2{min-height: 200px;}

.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #0C8AE7 !important;}

.borderblu{border: 1px solid #216AF0;}

.fixpo{position: absolute;bottom: 0;width: 100%;}
.width15{width: 12%;margin: 0 0.25%;}
.width30{width: 32%;margin: 0 0.25%;}
.width80{width: 72%;margin: auto;height: 1px;}
.back8{background: #8DC5FE;}
.backt8{background:rgba(17, 141, 240, 0.6);}
.inpadding{color: #ffffff;padding: 15px 10px;background: #118DF0;}

.toplogo{height: 30px;}
.imgw4{height: 80px;}
.imgw8{height: 100px;}
.imgw83{height: 130px;}
.nav-item{margin: 0 15px;}
.margr{margin-right: 10px;}
.pcnone{display: none;}
.navbar-nav .color4{border-bottom: 2px solid #408CFF;}
.padr15{padding: 0 15px;}
.padding{padding: 10px;}
.paddingrl{padding: 10px 0;}
.margb10{margin-bottom: 10px;}
.margt10{margin-top: 10px;}
.margb15{margin-bottom: 15px;}
.margb30{margin-bottom: 30px;}
.margr1{margin-right: 10px;}
.paddt1{padding-top: 30px;}
.paddt13{padding-top: 20px;}
.margl1{margin-left: 10px;}
.paddr1{padding-right: 10px;}
.paddlr{padding: 0 5%;}
.bpadd{padding: 5% 12%;}
.borderr{border-right: 1px solid #ffffff;}
.borderbts{border-bottom: 2px solid #216AF0;}
.padb1d3{padding-bottom: 40px;}

.form-control{height: 40px;line-height: 40px;}

.testhover{padding: 30px 10px ;color:#333333;text-align: left;line-height: 30px;}
.qlisthover{padding: 55px 10px ;color:#333333;text-align: center;line-height: 30px;}
.qlisthover:hover{padding: 40px 0;color:#ffffff;text-align: center;background: rgba(0, 0, 0, 0.3);line-height: 20px;}
.testhover:hover{padding: 15px 0;color:#ffffff;text-align: center;background: rgba(0, 0, 0, 0.3);line-height: 20px;}
.wides{padding: 5px;width: 110px;border-radius: 5px; margin: 10px auto auto auto;}
.widesq{padding: 5px;width: 90px;border-radius: 5px; margin: 10px auto auto auto;}
.widesindex{padding: 5px;width: 80px;border-radius: 5px; margin: 10px auto auto auto;}
.fonthl{line-height: 35px;}
.fonthl2{line-height: 25px;}
.fonthl20{line-height: 20px;}
.disnone{display: none;}
.width8{width: 70%;display: inline-block;}
.width9{width: 100%;display: inline-block;}


.wecha{height: 30px;line-height: 30px;margin-top: 50px;position: absolute;width: 80px;background-color: rgba(0, 0, 0, 0.3);color: #fff;}
.jinback{height:80px;width:80px;margin:auto;background: url(/hxfcommu/img/jint.png) no-repeat center;background-size:cover;}
.lylnback{height:80px;width:80px;margin:auto;background: url(/hxfcommu/img/lilly.png) no-repeat center;background-size:cover;}

.layui-laypage{text-align: center !important;display: block !important;}

.hothover{color: #333333;padding: 10px 0;}
.hothover:hover{color: #216AF0;padding: 10px 0;background: rgba(131, 181, 234, 0.05);}
.bothover:hover{color: #216AF0;background: rgba(33, 106, 240, 0.05);}
.bover:hover{background: rgba(225, 225, 225, 0.15);}
.bothover{background: #E9F1FF;}

#collapsibleNavbar a:hover,#collapsibleNavbar color4{background-color: rgba(17, 141, 240, 0.1)!important;}

.backcolo{background:linear-gradient(to right,#12A3EA,#04ABF2)}
.backc3l6{background:linear-gradient(to right,#6cadeb,#3e89e1);    border-radius: 5px 5px 0 0;
    text-align: center;
    padding: 15px 0;}
.vjs-subs-caps-button{display: none}
.colorred{color:rgba(222, 60, 59, 1); }

.martr{margin: 10px 10px 0 0;}
.overh{    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;line-height: 22px;margin-top: 7px;}
.overh2{    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 22px;margin-top: 7px;}
.overh3{    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 22px;margin-top: 7px;}
.overh5{    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;line-height: 22px;margin-top: 7px;}
.overh999{    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 999;overflow: hidden;line-height: 22px;margin-top: 7px;}
.mcen{background: rgba(225, 225, 225, 0.3);}
.lineh3{line-height: 25px;}
.borderd{border-radius: 5px;}
.pagein{background: #F5F7FA;width: 100%;overflow-x: hidden;}
.backf{background:#ffffff;}
.borderbt{border-bottom: 1px solid #EBEBEB;}

.colorg{color: rgb(93, 207, 7);}

.marb2{margin-bottom: 2px;}
.padb7{padding-bottom: 7px;}
.padds{padding: 0 5px;}
.padds10{padding: 5px 10px;}

.borderd1{border-radius: 17px;}

.testhov{padding: 30px 10px ;color:#ffffff;text-align: left;line-height: 30px;display: block}
.testhov:hover{padding: 30px 10px ;color:#ffffff;text-align: center;line-height: 30px;background-color: rgba(255,255,255,0.2)}


.bpalayer{background: url(/hxfcommu/img/bannerlws.png) no-repeat center;background-size:cover;padding: 70px 0;}
.bpalaydy{background: url(/hxfcommu/allydy/banner.png) no-repeat center;background-size:cover;padding: 70px 0;}
.bpalaysqc{background: url(/hxfcommu/allydy/topbn.png) no-repeat center;background-size:cover;padding: 30px 0;}
.mains{background: url(/hxfcommu/img/indexb.png) no-repeat center;background-size:cover;}
.threep{background: url(/hxfcommu/img/threep.png) no-repeat center;background-size:cover;}
.mevery{background: url(/hxfcommu/img/every.png) no-repeat center;background-size:cover;}
.mainlable{background: url(/hxfcommu/img/lables.png) no-repeat center;background-size:cover;position: relative;}
.mainlaws{background: url(/hxfcommu/img/laws.png) no-repeat center;background-size:cover;position: relative;}
.mainrisk{background: url(/hxfcommu/img/risk.png) no-repeat center;background-size:cover;position: relative;}
.eightb1{background: url(/hxfcommu/img/divorce.png) no-repeat center;background-size:cover;}
.eightb2{background: url(/hxfcommu/img/son.png) no-repeat center;background-size:cover;}
.eightb3{background: url(/hxfcommu/img/fuy.png) no-repeat center;background-size:cover;}
.eightb4{background: url(/hxfcommu/img/hourse.png) no-repeat center;background-size:cover;}
.eightb5{background: url(/hxfcommu/img/mouney.png) no-repeat center;background-size:cover;}
.eightb6{background: url(/hxfcommu/img/zhai.png) no-repeat center;background-size:cover;}
.eightb7{background: url(/hxfcommu/img/cai.png) no-repeat center;background-size:cover;}
.eightb8{background: url(/hxfcommu/img/place.png) no-repeat center;background-size:cover;}
.mainus{background: url(/hxfcommu/img/mainus.png) no-repeat center;background-size:cover;}

.bacai{background: url(/hxfcommu/img/ai.png) no-repeat center;background-size:cover;}
.bacinline{background: url(/hxfcommu/img/inline.png) no-repeat center;background-size:cover;}
.bacweit{background: url(/hxfcommu/img/weit.png) no-repeat center;background-size:cover;}
.baqlist{background: url(/hxfcommu/img/qlist.png) no-repeat center;background-size:cover;}

.anchorBL{display: none !important;}
.form-group{border-radius: 5px;}
.form-control:focus,.input-group .form-control{border-radius: 0}
textarea{border: none !important;border-radius: 0}
.form-control::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #CCCCCC;line-height: 40px !important;}
.form-control::-moz-placeholder{color: #CCCCCC;}
.form-control:-ms-input-placeholder{color: #CCCCCC;}
textarea{width: 100%;height: 100px;padding: 10px;line-height: 20px;}
.othors{line-height: 50px;width: 100%;text-align: left;padding-left: 10px}
.height50{height: 50px}

.maxheigh{height: 95%;}

#question .carousel-indicators{opacity: 0.1;z-index: -1}
#list .carousel-indicators li{background: #118DF0;width: 6px;border: none;}
#list .carousel-indicators{bottom: -20px;}
#helps .carousel-indicators li{text-indent:0px !important;height:auto;width: auto;color: #333333 !important;opacity: 1 !important;margin: 0 15px;}
#lables .carousel-indicators li{text-indent:0px !important;height:auto;width: auto;color: #333333 !important;opacity: 1 !important;margin: 0 15px;}
#questions .carousel-indicators li{text-indent:0px !important;height:auto;width: auto;color: #333333 !important;opacity: 1 !important;margin: 0 !important;padding: 0 10px;}
#lables .carousel-indicators,#questions .carousel-indicators{position: relative;}
#helps .carousel-indicators,#questions .carousel-indicators{position: relative;}
#lables .carousel-indicators{margin-right:  2% !important;margin-left:  2% !important;}
#helps .carousel-indicators{margin-right:  2% !important;margin-left:  2% !important;justify-content: left;}
#questions .carousel-indicators{margin: 0 !important;}
#helps .carousel-indicators .active,#lables .carousel-indicators .active,#questions .carousel-indicators .active{border-bottom: 2px solid #216AF0;color: #216AF0 !important;}

.lefthover:hover{color: #ffffff !important;background: #118DF0 !important;}
.righthover:hover{color: #216AF0 !important;background: rgba(33, 106, 240, 0.05) !important;}

.inputs, .inputs:focus, .form-control:focus, .form-control{border: none !important;box-shadow:none !important;}
.clickbc{background: #FFBE00;}
.clicff9{background: #FF971D;}
.backe9{background: #E9F1FF;}
.backf5{background: #F5F5F5;}
.flexd{display: flex;justify-content: left;}
.flexc{display: flex;justify-content: center;}
.margau{margin: auto 0;}

.anuli{background: #118DF0;}

.back3{background: #333333;}
.backe9{background: #E9F7FF;}
.fontw2{font-weight: 200;}
.fontw6{font-weight: 600;}

.displayil{display: inline-block;}
.displayib{display: block;}



.back2e8{background-color: rgba(46, 161, 238, 0.08);}
.back254{background-color: rgba(254, 208, 72, 0.08);}
.baoss{height: 20px;width: 20px;border-radius: 10px;text-align: center;background: rgba(64, 139, 233, 1);line-height: 20px;color: #ffffff;display: inline-block;}
.backbtob{background: linear-gradient(to right,#49b9e3,#5191e4);border-radius: 5px 5px 0 0;text-align: center;padding: 15px 0;}
.bortb{border-radius: 0 0 5px 5px;}

.fixdleft{position: absolute;top: 55%;right: 10%;z-index: 1000;}
.allback{color: #45B5FE;padding: 5px;}
.remobacks{position: absolute;right: 0;}
.allback:hover,.remobacks:hover{color: #ffffff;background-color: #45B5FE}
.back45{background-color: #45B5FE}
.fisxlist{background: url(/hxfcommu/img/fixback.png) no-repeat center;background-size:cover;}
.define-tooltip-inner{background-color: #45B5FE}
.leftbottm a:hover{color: #ffffff !important;}
.layui-progress{background: none !important;width: 70% !important;}
.layui-progress-bar{height: 10px !important;}
.color1e{color: #1E9FFF;}
.colorffb{color: #FFB800;}
.leftbtn{padding: 5px 25px;border-radius: 20px;}
.leftbtns{width:100px;border-radius: 20px;line-height: 40px;text-align: center;height: 40px;margin: 20px auto;}
.imgvs{height: 35px;width: 35px;margin: auto 10px;}
.border10{border-radius: 10px;background: #FFFFFF;border: 1px solid #cccccc !important;}
.paddtb30{padding: 30px 0px;}

.font13{font-size: 13px !important;}
.font22{font-size: 22px !important;}
.font20{font-size: 20px !important;}
.font18{font-size: 18px !important;}
.font16{font-size: 16px; !important;}
.font14{font-size: 14px;}
.font24{font-size: 24px;}
.font12{font-size: 12px;}
.font40{font-size: 40px !important;}
.font35{font-size: 35px !important;}
.font40{font-size: 40px !important;}

.linesw{width: 50px;height: 1px;background: #999999;margin: 5px;display: inline-block;}


#question a:hover{color: #fff !important;}
a:hover{color: #216AF0 !important;text-decoration: none;}
.floatr{float: right;}
.floatl{float: left;}

.color3,.navbar-light .navbar-nav .nav-link{color: #333333;}
.color0{color: #000000 !important;}
.color6{color: #666666;}
.color9{color: #999999;}
.backfa{background: #fabc05;}
.color4,.nav-link:focus,.nav-link:hover{color: #408CFF !important;}
.color7{color: #707070;}
.colorf{color: #ffffff !important;}
.backsf{background: #ffffff;}
.color2{color: #216AF0;}
.colorc{color: #CCCCCC;}
.colord9{color: #d9260f;}
.color19{color: #19a239;}
.colorfa{color: #FABC05;}
.layui-textarea{color: #333333;padding: 5px 10px !important;}

.card-header{background-color: #fff !important;border: none !important;}
.card{border: none !important;}
.shadows {box-shadow: 1px 1px 10px #a2a6ab;}
.text1{text-align: left;}
.textr{text-align: right;}
.textc{text-align: center;}
.posi{position: absolute;right: 10%;}




.tips{
    width:650px;
    margin:110px auto 0;
    font-family:Verdana, Geneva, sans-serif;
    color:#FFC;
    font-size:26px;
}

.dock{
    margin:90px auto 0;
    width:500px;
}

.board{
    float:left;
    margin-top:-60px;
    z-index:0;
}

.rotate{
    height:30px;
    z-index:1;
}

.r1{
    -moz-transform:rotate(-3deg);
    -webkit-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
}

.r2{
    -moz-transform:rotate(2deg);
    -webkit-transform:rotate(2deg);
    -o-transform:rotate(2deg);
}

.imglaws{width: 50px;height: 50px;border-radius: 25px;}
.lawerprof{margin-right:3px;}