.main{margin:0 auto;min-width:303px;max-width:800px;}
.content{background:#fff;color:#373737;border:1px solid #71b4de;float:right !important;text-align:right;}
.content > div{display:none;padding:20px 25px 5px;}
.main input{display:none;}
.main label{display:inline-block;padding:15px 19px;font-weight:600;text-align:center;float:right}
.main label:hover{color:#66afdc;cursor:pointer;}
.main input:checked + label{background:#66afdc;color:#fff;}
#tab1:checked ~ .content #content1,
#tab2:checked ~ .content #content2,
#tab3:checked ~ .content #content3,
#tab4:checked ~ .content #content4{display:block;padding:0;margin:0;}
.main1{margin:0 auto;min-width:303px;}
.contentA{background:#fff;color:#373737;border:1px solid #f6821f;float:right !important;width:100%;text-align:right;}
.contentA > div{display:none;padding:20px 25px 5px;}
.input1{display:none;}
.main1 label{display:inline-block;padding:15px 19px;font-weight:600;text-align:center;float:right}
.main1 label:hover{color:#66afdc;cursor:pointer;}
.main1 input:checked + label{background:#f6821f;color:#fff;}
#tab11:checked ~ .contentA #content1A,
#tab12:checked ~ .contentA #content2A,
#tab13:checked ~ .contentA #content3,
#tab14:checked ~ .contentA #content4{display:block;padding:0;margin:0;background:#363636;padding:5px;  width :100%}


@media screen and (max-width:768px){.center{width:480px}
.main label{display:inline-block;font-weight:600;text-align:center;float:right;padding:15px 5px;}}
@media screen and (max-width:480px){.center{width:305px}
.main label{display:inline-block;font-weight:600;text-align:center;float:right;width:100%;padding:0px;}
}

@media screen and (max-width:320px){.center{width:302px}
.main label{display:inline-block;font-weight:600;text-align:center;float:right;width:100%;padding:0px;}
.main{margin:0 auto;min-width:220px;max-width:800px;}
.main1{margin:0 auto;min-width:220px;}
}