body{background:#f5f5f5;font-size:.75rem; margin: 0; padding: 0;}
*{margin: 0; padding: 0;  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
h1,h2,h3{font-weight:500}
a{text-decoration: none;}
img{ display: block;max-width: 100%;}
i{font-style:normal}
p{color:#333;font-size:.75rem}
.disabled,input:disabled{color:#999;color:#999!important;opacity:1;-webkit-text-fill-color:#999}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
li{list-style-type: none;}
input{ outline: none;}
.roundbtn{border-radius:10rem}
.text-g{color:#999!important}
.text-333{color:#333!important}
.bg-white{background:#fff}

.flex{display:flex;align-items:center;justify-content:flex-start!important}
.flex2{display:flex;align-items:center;justify-content:space-between}
.cenbox{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.clearfix:after,.clearfix:before,.row:after,.row:before{display:table;content:" "}
.clearfix:after,.row:after{clear:both}
html,body{height: 100%;max-width: 600px;margin: auto;}
header{ background: #ee333a; color: #fff; height: 2.2rem; padding: 0 .75rem;}
header img{ width: 1.2rem;}
header .user{ font-size: .85rem;}
header .user img{ margin-right: .35rem;}
h1,h2,h3,h4,h5{ font-weight: normal;}
.indmenu ul{padding: .3rem;}
.indmenu li{float: left; width: 50%; padding: .3rem;}
.indmenu li a{display: block;  background-size: 100% 100%; border-radius: .2rem; text-align: center; height:7rem; color:#fff; font-size: .9rem; padding: 1.8rem 0 0 0;}
.indmenu li:nth-child(1) a{ background-image: url(../images/bg1.png);}
.indmenu li:nth-child(2) a{ background-image: url(../images/bg2.png);}
.indmenu li:nth-child(3) a{ background-image: url(../images/bg3.png);}
.indmenu li:nth-child(4) a{ background-image: url(../images/bg4.png);}
.indmenu li:nth-child(5) a{ background-image: url(../images/bg5.png);}
.indmenu li:nth-child(6) a{ background-image: url(../images/bg6.png);}
.indmenu li img{ width: 2rem; display: block; margin: 0 auto  .5rem auto;}

.menu{position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background:rgba(0,0,0,.8);}
.menu ul{ position: absolute; background: #fff; right: 0; top: 2.2rem; border-radius: .2rem;}
.menu ul li a{display:block; color: #444; font-size: .85rem; padding: .5rem 2rem; text-align: center; border-bottom: 1px solid #eee;}
.menu ul li:last-child a{ border: none; border-radius:0 0 .2rem .2rem;}
.menu ul:before{ position:absolute; border-left: .35rem solid transparent;border-right: .35rem solid transparent;border-bottom: .5rem solid #fff; content: "";  right: 1rem; top: -.5rem;}

.tuichumenu{position: fixed;  display: none;  left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background:rgba(0,0,0,.8);}
.tuichumenu ul{
	position: absolute;
    background: #fff;
    left: 0.1rem;
    top: 2.4rem;
    border-radius: .2rem;
}
.tuichumenu ul li a{display:block; color: #444; font-size: .85rem; padding: .5rem 2rem; text-align: center; border-bottom: 1px solid #eee;}
.tuichumenu ul li:last-child a{ border: none; border-radius:0 0 .2rem .2rem;}
.tuichumenu ul:before{
	    position: absolute;
	    border-left: .35rem solid transparent;
	    border-right: .35rem solid transparent;
	    border-bottom: .5rem solid #fff;
	    content: "";
	    left: 2.6rem;
	    top: -.5rem;
		}
}

.major{padding: .75rem;}
.major li{padding:0 0 .5rem 0;}
.major a{ background: #fff; display: block; position: relative; padding: .75rem;}
.major a h3{color: #222; font-weight: normal; font-size: .9rem; padding-bottom: .15rem;}
.major a span,.major1 .nav p span{color: #073b77; font-size: .7rem;}
.major a:after{ position:absolute;content: ""; border-top: .05rem solid #747474; border-right: .05rem solid #747474; width: .7rem; height:.75rem; right:.7rem; transform: rotate(45deg); top:40%;}
.major1 .nav{ padding:.75rem; background: #fff;}
.major1 .nav h2{ line-height: 1; border-left: .15rem solid #ee333a;  padding-left: .5rem; font-size: 1rem; margin-bottom: .5rem;}
.major1 .nav ol{  margin-bottom: .5rem;}
.major1 li{ border-bottom: 1px solid #eee; }
.major1 li a{display: flex; justify-content: space-between; padding:.5rem .75rem;background: #fff;}
.major1 li a .imgbox{ width:7.5rem;}
.major1 li h3{color: #222; font-weight: normal; font-size: .9rem; padding-bottom: .35rem;}
.major1 a span{color: #999; font-size: .8rem;}
.major1 li ol{padding-right: .75rem;}

.major2{ background: #fff;}
.major2 .head{ padding: .75rem; border-bottom: 1px solid #eee;}
.major2 .head h2{ font-size: 1.1rem; padding-bottom: .2rem;}
.major2 .head  p span:nth-child(1){color: #073b77; }
.major2 .head  p span:nth-child(2){color: #999; }
.major2 nav{ padding: .75rem; }
.major2 nav p{ padding:0 0 .75rem 0; line-height: 1.7;}


.reg{ padding: 1rem 2rem;}
.reg ul{ padding-bottom: .35rem;}
.reg li{ padding-bottom: .35rem;}
.reg input{ height: 2.4rem; border-radius: .2rem; text-indent: .75rem; font-size: .8rem; border: 1px solid #ddd; width: 100%;}
.btn{width: 100%; line-height: 2.4rem; border-radius: .2rem; font-size: .85rem; color: #fff; text-align: center; display: block;}
.btn-blue{background:#4499f4;}
.btn-red{background:#da1d24;}
.btn-yellow{background:#ff963c;}
.reg h3{ text-align: center; margin: 0 0 1rem 0; position: relative; font-size: 1.1rem;}
.reg h3:before{ position: absolute; content: ""; width: 2rem; height: .15rem; background: #da1d24; left: 50%; margin-left: -1rem; bottom:-.2rem;}


.tit01{ border-bottom: 1px solid #eee; text-align: center; padding: .5rem 0; position: relative; font-size: 1.1rem;}
.tit01:before{ position: absolute; content: ""; width: 2rem; height: .15rem; background: #da1d24; left: 50%; margin-left: -1rem; bottom:-1px;}
.major3{ background: #fff;}
.major3 p{display:flex;align-items:center;justify-content:space-between}
.major3 p span:nth-child(2){color: #073b77;}
.video{ width: 100%;   object-fit:fill;  }
.videonav{ background: #fff; padding: .75rem;}
.videonav h2{ color: #bc2c35;text-align: center; padding: .5rem 0; position: relative; font-size: 1rem; font-weight: bold;}
.videotable{ background: #fff; padding: .75rem;}
.videotable h2{ color: #bc2c35;text-align: center; padding: .5rem 0; position: relative; font-size: .85rem; }
.videotable table{width: 100%; border: 1px solid #dc646c;border-spacing: 0;
     border-collapse: collapse;}
.videotable table th{ padding: .4rem; color: #333; text-align: left;}
.videotable table td{ padding: .4rem; color: #484848; font-size: .65rem;}
.videotable table tr:nth-child(odd){background: rgba(220,100,108,.2);}

.video-con{ position: relative;}
.video-con .video{ width: 100%; height: 100%;}
.video-con .btn{ width: 100%; height: 100%; background: transparent url("../images/play-btn.png") no-repeat center center;
    position: absolute;  border: none; left: 0; top: 0; background-size: 3rem 3rem; outline: none;
}
.video-con .btn.pause{ background:none;}
.morebtn { text-align: center; background: #fff; padding: .75rem 0;}
.morebtn a{ display: inline-block; line-height: 1.6rem; border-radius: .2rem; padding: 0 2rem; background: #ebebeb; color: #666;;}


.opinion textarea{ height:4rem; border-radius: .2rem;  padding: .5rem; font-size: .8rem; border: 1px solid #ddd; width: 100%;}
.opinion li{ padding:1rem; border-bottom: 1px solid #eee;;}


.opinion p{ padding-bottom: .5rem;}
.nav-tabs {text-align: center; padding-top: .5rem;  border-bottom: 1px solid #eee; margin:0 0 1rem 0;}
.nav-tabs li{ display: inline-block;position: relative; font-size: .95rem;}
.nav-tabs li.active:before{ position: absolute; content: ""; width: 2rem; height: .15rem; background: #da1d24; left: 50%; margin-left: -1rem; bottom:-1px;}
.nav-tabs li a{ display: block; color: #333; padding:.5rem ;}
.reg2 ul{padding-bottom: 2rem;}


.fade{opacity:0;transition:opacity .15s linear}
.fade.in{opacity:1}
.close{line-height:1;color:#fff;}
.close span{font-size:24px; font-weight: lighter;}
.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5}
button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}
.modal-open{overflow:hidden}
.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{transform:scale(.7);transition:all .3s ease-out;height: 100%; width: 100%;  display: flex; align-items: center; padding: 0 .5rem  2rem .5rem; }
.modal.fade.in .modal-dialog{transform:scale(1); }
.modal-open .modal{overflow-x:hidden;overflow-y:auto}

.modal-content{background-clip:padding-box;outline:0;width: 100%;}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modalclose{ position: absolute; bottom: -4rem; text-align: center; width: 100%;}
.modalclose i{ font-size: 2rem; color: #fff;}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.in{opacity:.8}
.modal-header{padding:0 15px; text-align: right; margin-bottom: -.5rem; margin-top: -2rem;}
.modal-header .close{margin-top:0rem; font-size:.9rem;}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}

.textarea1{width: 100%; border-radius: .3rem; height: 10rem; font-size: .75rem; padding: .5rem;}

.otherlogin{ position: absolute; left: 0;bottom: 0; width: 100%; text-align: center; padding-bottom: .75rem;}
.otherlogin img{ margin: .5rem auto; width: 2.5rem;}
.otherlogin  a,
.otherlogin  p{display:block; color: #999;}
.bg-white{background: #fff;}
.btn1 { border-radius: .2rem; color: #fff; line-height: 1.8rem; display: inline-block; padding:0 1.6rem; margin: 0 .5rem;}
.qustion ul{}
.qustion a{display: block;padding:.75rem; border-bottom: 1px solid #eee;}
.qustion p{ font-size: .85rem; padding-bottom: .5rem;}
.qustion span{ font-size: .7rem; color: #888;}
.qustion label{ border-radius: .2rem; border: 1px solid #aaa; color: #888; padding: .05rem .35rem;}
.qustion label.active{ border-color: #2f6fe5;color: #2f6fe5}

.ask{ padding: .75rem;}
.ask textarea,.ask select{ border: 1px solid #ddd; width: 100%; border-radius: .2rem; background: #fff;}
.ask select{ height: 2.4rem;font-size: .75rem; padding:0 .2rem; margin-top: .75rem;}
.ask textarea{ height: 8rem; padding: .5rem; font-size: .75rem;}

.askbtnbox{margin-top: -3.2rem; padding:0 .35rem; margin-bottom: .5rem;}
.addbtn{border: 1px solid #ddd; width:  2.5rem; display:block; height: 2.5rem; border-radius: .2rem; position: relative; overflow: hidden;}
.addbtn input{position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0;}
.addbtn:before{ width: 50%; left: 25%; top: 49%; height: .1rem; background: #ddd; content: ""; position: absolute;}
.addbtn:after{ height: 50%; top: 25%; left: 49%; width: .1rem; background: #ddd; content: "";position: absolute;}

.qusnav,.qushf{ padding: .75rem;}
.qushf{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.qushf p{ line-height: 1.4; padding-top: .5rem; color: #777;;}
.qusnav h2{ font-size: .9rem;padding-bottom: .5rem;}
.qusnav ol{ font-size: .75rem; padding-bottom: 1rem;}
.qusnav span{color: #999;}


footer{ padding: .75rem;}
footer h3{text-align: center; border-bottom: 1px dotted rgb(155, 139, 139); padding-bottom: .35rem; margin-bottom: .35rem;}
footer span{ font-size: .65rem;}

nav img{display: unset !important;}