/* reset 重置默认样式*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
textarea, input, button, select, keygen, legend {
    font-size:: 12px/1.14;
    font-family:"微软雅黑",Verdana, Arial, Helvetica,"宋体",sans-serif;
    color: #333;
    outline: 0;
}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-size::12px/1.14rem;font-family:"微软雅黑",Verdana, Arial, Helvetica,"宋体",sans-serif;color:#333;outline:0;}
body,div{margin:0px padding:0px;}
html{font-size: 62.5%;}
body{background:#fff;}
a{color:#333;} a:hover{color:#f13b33;}
h2{font-size:2.2rem;}
h3{font-size:1.8rem;}
h4{font-size:1.6rem;}
h5{font-size:1.4rem;}
h6{font-size:1.2rem;}

/* function 功能样式*/
.f-cb,.f-cb:after,.f-cbli li:after,.f-cb10{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";} 
.f-cb10{height:10px;line-height:none;font-size:0px;}
.f-cb,.f-cbli li{zoom:1;} 
.f-ib{display:inline-block;*display:inline;*zoom:1;} 
.f-dn{display:none;} 
.f-db{display:block;} 
.f-fl{float:left;} 
.f-fr{float:right;} 
.f-pr{position:relative;} 
.f-prz{position:relative;zoom:1;} 
.f-oh{overflow:hidden;}
.f-fwn{font-weight:normal;} 
.f-fwb{font-weight:bold;} 
.f-tal{text-align:left;} 
.f-tac{text-align:center;} 
.f-tar{text-align:right;} 

.f-taj{text-align:justify;text-justify:inter-ideograph;} 
.f-vam,.f-vama *{vertical-align:middle;} 
.f-wsn{word-wrap:normal;white-space:nowrap;} 
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;} 
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;} 
.f-ti{overflow:hidden;text-indent:-30000px;} 
.f-ti2{text-indent:2em;} 
.f-lhn{line-height:normal;} 
.f-tdu,.f-tdu:hover{text-decoration:underline;} 
.f-tdn,.f-tdn:hover{text-decoration:none;} 
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;} 
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.rightfaq {
width:300px;
  background-color: #fff;
}
.rightfaq h2{
font-size:14px;
}
.rightfaq h3{
font-size:12px;
}
.rightfaq .container {
  width: 300px;
  font-size: 14px;
  overflow: hidden;
  cursor: pointer;
}
.rightfaq .container .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 280px;
  height: 30px;
  padding: 0px 10px;
  transition: all 0.3s;
  color: #333;
}
.rightfaq .container .box.box1 {
  background-color: #f1f1f1;
  margin-bottom:5px;
}
.rightfaq .container .box.box2 {
  background-color: #f1f1f1;
  margin-bottom:5px;
}
.rightfaq .container .box.box3 {
  background-color: #F1f1f1;
  margin-bottom:5px;
}
.rightfaq .container .box.box4 {
  background-color: #F1f1f1;
}
.rightfaq .container .box .name {
  width: 280px;
}
.rightfaq .container .box .name h2, .rightfaq .container .box .name h3 {
  font-weight: 300;
}
.rightfaq .container .box .name h3 {
  font-size: 0em;
  padding-top:5px;
  line-height: 1.5;
  max-height:40px;
  overflow:hidden;
}
.rightfaq .container .box p {
  font-size: 0.8em;
  font-weight: 300;
}

.rightfaq .container .box:hover {
  height: 80px;
  transition: all 0.3s;
}
.rightfaq .container .box:hover .name h2 {
color:#ff0000
}
.rightfaq .container .box:hover .name h3 {
  font-size: 0.7em;
  transition: all 0.6s;
}