body { background-color: #fff }
.container { width: 800px; margin: 0 auto; padding-top: 60px; }
.box { margin-bottom: 15px }
.box .hd { color: #49C9F5; padding-left: 14px; line-height: 26px; font-size: 16px; margin-bottom: 5px; }
.box .item { padding: 0 14px; line-height: 20px; font-size: 14px }
.box .item:hover { background-color: #FAFAFA }
.box .q { color: #424445; padding: 10px 0; }
.box .q span { display: inline-block; padding-right: 20px; position: relative; }
.box .q .arrow { width: 8px; height: 8px; position: absolute; right: 0; top: 50%; margin-top: -4px; background: url(../images/ico-arrow4.png) no-repeat right center; background-size: 100% auto; -webkit-transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; }
.box .a { color: #888; display: none; padding-bottom: 10px; line-height: 26px}
.box .a p{ margin-bottom: 10px}
.box .active .q .arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.box .item-1 .a { display: block; }

.before-tip{ color: #424445; line-height: 30px; font-size: 14px; padding: 0 14px;}
.before-tip .hd{ font-size: 16px; margin-bottom: 10px;}
.background{ font-size: 14px; margin-top: 23px; padding: 0 14px;}
.background .hd{ color: #424445; padding-bottom: 15px;}
.background .bd{ line-height: 26px; color: #757575;}
.background .bd p{ margin-bottom: 10px}
.terms .item .a{ display: block;}
.terms .item .q .arrow{ display: none;}
.terms .box .item:hover{ background: none}