.container {
    width: 1220px;
    margin: 0 auto;
}
.security-banner{ height:490px; position: relative; background: url("support/banner.jpg")  center top #fff no-repeat;background-size:cover;}
.security-banner .header-info{ width:660px; padding-top:160px; color:#333;overflow: hidden;}
.security-banner .header-info h1{ font-size:36px; margin:0 0 30px;}
.security-banner .header-info p{ line-height:24px; margin:0 0 65px; overflow:hidden}
.security-banner .header-info a{ display:block; width:178px; height:38px; border:1px solid #0008ff; line-height:38px; text-align:center; color:#0008ff; font-size:16px;}
.security-banner .header-info a:hover{ background:#0008ff; color:#fff;}

/* 栏目 */
.cloumn-blank{ display:none; height:100px; overflow:hidden}
.security-cloumn{ background:#fff; border-bottom:1px solid #dddddd; overflow:hidden; min-width:1220px;}
.security-cloumn ul{ width:1220px; margin:0 auto;text-align:center; height:99px;overflow:hidden;}
.security-cloumn ul li{ float:left; width:20%; line-height:96px;font-size:18px; border-bottom:3px solid #fff; cursor:pointer}
.security-cloumn ul .active{ border-bottom:3px solid #0066ff; color:#0066ff;}

.security-title{ font-size:36px; text-align:center; margin:0 0 75px; overflow:hidden;}
.security-title span{ display:block; font-size:14px; color:#666666; margin:25px 0 0;}
.security-title a{ color:#0066ff; margin:0 5px;}
.security-title em{ color:#0066ff; margin:0 5px;}
.security-problems{ overflow:hidden}
.security-problems h3{ height:25px; line-height:25px; font-size:18px; margin:0 0 20px; overflow:hidden;}
.security-problems h3:before{ content:''; width:18px; height:25px; display:inline-block; vertical-align:middle;margin-right:10px;background: url("support/icons.png")  -275px 1px no-repeat;}
.security-problems dl{ margin:0 0 15px; cursor:pointer;overflow:hidden;}
.security-problems dt{ border:1px solid #dddddd; padding:0 20px; background:#f7f9fa; color:#666666; height:48px; line-height:48px; overflow:hidden;}
.security-problems dt:before{ content:''; width:14px; height:48px; display:inline-block; vertical-align:middle; margin-right:15px;background: url("support/icons.png")  -297px 15px no-repeat;}
.security-problems dd{ display:none; border:1px solid #ddd; padding:15px 20px;-webkit-animation-name: fadeIn;-webkit-animation-duration: 1.2s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s;overflow:hidden;}
.security-problems dd h4{ font-size:14px; line-height:20px; font-weight:bold; margin:0 0 16px; overflow:hidden}
.security-problems dd h4:before{ content:''; width:14px; height:20px; display:inline-block; vertical-align:middle; margin-right:15px;background: url("support/icons.png")  -337px 0px no-repeat;}
.security-problems dd p{ line-height:24px; color:#666666; padding-left:30px;}
.security-problems .active dt{ display:none;}
.security-problems .active dd{ display:block;}
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1;}
}
.security-btns{ clear:both; text-align:center; padding:50px 0; overflow:hidden}
.security-btns a{ display:inline-block; font-size:16px; width:200px; height:40px; line-height:40px; margin:0 25px; color:#fff;}
.security-btns .btn1{ background:#ff8a00;}
.security-btns .btn1:hover{background:#fb8b2a}
.security-btns .btn2{ background:#0066ff;}
.security-btns .btn2:hover{background:#34a1fd}
.security-list li{ float:left;text-align:center;}
.security-list li:before{ content:""; width:60px; height:60px; display:inline-block; background:url("support/icons.png")  no-repeat}
.security-list h5{ font-size:14px;}
.security-list p{ margin:13px 0; height:16px;background:url("support/ico.png")  center no-repeat}
.security-list p:before{ content:""; float:left;height:1px;margin:7px 0 0; background:url("support/line.png")  left center no-repeat}
.security-list p:after{ content:""; float:right;height:1px;margin:7px 0 0; background:url("support/line.png")  left center no-repeat}
.security-list .item1 p:before{ width:0; background:none;}
.security-stype{ clear:both;overflow:hidden}
.security-stype h3{ height:25px; line-height:25px; font-size:18px; margin:0 0 20px; overflow:hidden;}
.security-stype h3:before{ content:''; width:16px; height:25px; display:inline-block; vertical-align:middle;margin-right:10px;background: url("support/icons.png")  -315px 1px no-repeat;}
.security-stype ul{ margin:0 0 0 -25px; overflow:hidden;}
.security-stype ul li{ float:left; margin-left:25px; border:1px solid #dddddd; background:#fff; text-align:center; width:338px; height:248px; padding:30px 25px 0; overflow:hidden;box-sizing: content-box;}
.security-stype ul li:before{ content:""; display:inline-block; width:110px; height:92px; margin:0 0 38px;background: url("support/icons.png")  no-repeat;}
.security-stype ul h4{ font-size:18px; margin:0 0 15px;}
.security-stype ul p{ line-height:24px; color:#666666; height:48px; overflow:hidden}

.security-beian{ padding:95px 0 70px; overflow:hidden; min-width:1220px;}
.security-beian .security-list { margin-left:-40px; margin-right:-40px;}
.security-beian .security-list  li{width:320px;}
.security-beian .security-list  p:before{ width:152px;}
.security-beian .security-list  p:after{ width:152px; }
.security-beian .security-list  .item1:before{ background-position:0 0;}
.security-beian .security-list  .item2:before{ background-position:-65px 0;}
.security-beian .security-list  .item3:before{ background-position:-130px 0;}
.security-beian .security-list  .item4:before{ background-position:-195px 0;}
.security-beian .security-list .item4 p:after{ width:0; background:none;}

.security-compensation{ padding:95px 0 30px; background:#fafafa; overflow:hidden; min-width:1220px;}
.security-compensation .security-list { margin:0 10px 45px;overflow:hidden}
.security-compensation .security-list  li{width:240px;}
.security-compensation .security-list  p:before{ width:112px;}
.security-compensation .security-list  p:after{ width:112px; }
.security-compensation .security-list  .item1:before{ background-position:0 -66px;}
.security-compensation .security-list  .item2:before{ background-position:-65px -66px;}
.security-compensation .security-list  .item3:before{ background-position:-130px -66px;}
.security-compensation .security-list  .item4:before{ background-position:-195px -66px;}
.security-compensation .security-list  .item5:before{ background-position:0 -132px;}
.security-compensation .security-list .item5 p:after{ width:0; background:none;}
.security-compensation .security-stype .item1:before{ background-position:0 -199px;}
.security-compensation .security-stype .item2:before{ background-position:-112px -200px;}
.security-compensation .security-stype .item3:before{ background-position:-220px -199px;}

.security-refund{ padding:95px 0 70px; overflow:hidden; min-width:1220px;}
.security-refund .security-list { margin-left:-40px; margin-right:-40px;}
.security-refund .security-list  li{width:320px;}
.security-refund .security-list  p:before{ width:152px;}
.security-refund .security-list  p:after{ width:152px; }
.security-refund .security-list  .item1:before{ background-position:-65px -132px;}
.security-refund .security-list  .item2:before{ background-position:-195px 0;}
.security-refund .security-list  .item3:before{ background-position:-130px -132px;}
.security-refund .security-list  .item4:before{ background-position:-195px -132px;}
.security-refund .security-list .item4 p:after{ width:0; background:none;}

.security-support{ padding:95px 0 85px; background:#fafafa; overflow:hidden; min-width:1220px;}
.security-support .security-stype .item1:before{ background-position:16px -295px;}
.security-support .security-stype .item2:before{ background-position:-92px -295px;}
.security-support .security-stype .item3:before{ background-position:-218px -295px;}

.security-vip{ padding:95px 0 100px; overflow:hidden; min-width:1220px;}
.security-vip dl{ border:1px solid #ddd; height:88px; padding:45px 60px; overflow:hidden;box-sizing: content-box;}
.security-vip dl dt{ width:100px; height:100px; float:left; margin-right:60px; background: url("support/icons.png")  0 -392px no-repeat;}
.security-vip dl dd h4{ font-size:18px; margin:0 0 15px;}
.security-vip dl dd p{ line-height:24px; color:#666666;}
.security-vip  ul{ margin:20px 0 0 -20px; overflow:hidden;}
.security-vip  ul li{ float:left; margin-left:25px; border:1px solid #dddddd; background:#fff; text-align:center; width:388px;overflow:hidden}
.security-vip  ul a{ display:block; height:188px; padding:30px 0 0; font-size:18px; overflow:hidden;box-sizing: content-box;}
.security-vip  ul a:before{ content:""; display:block; width:90px; height:90px; margin:0 auto 35px; background: url("support/icons.png")  no-repeat;}
.security-vip  ul span{ color:#05bcff; font-size:20px; font-family:"Arial"}
.security-vip  .item1 a:before{ background-position:-269px -36px;}
.security-vip  .item2 a:before{ background-position:-115px -399px;}
.security-vip  .item3 a:before{ background-position:-232px -405px}

@media screen and (max-width: 768px) {
	.container {
	    width: 100%;
	}
	.security-banner {
	    min-width:auto;
		    padding: 0 25px;
			height: 390px;
	}
	.security-banner .header-info {
	    width: 100%;
	    padding-top: 80px;
	}
	.security-cloumn {
		display: none;
	}
	.security-beian {
	    min-width: auto;
		padding: 60px 15px;
	}
	.security-compensation {
	    min-width:auto;
		padding: 95px 15px 30px;
	}
	.security-cloumn ul {
	    width: 100%;
	}
	.security-refund {
	    min-width:auto;
		    padding: 50px 15px;
	}
	.security-support {
	    min-width: auto;
		    padding: 80px 15px;
	}
	.security-vip {
	    min-width: auto;
		    padding: 80px 15px;
	}
	.security-banner .header-info h1 {
	    font-size: 28px;
	}
	.security-title {
	    font-size: 28px;
	}
	.security-beian .security-list li {
	    width: 50%;
		margin-bottom: 80px;
	}
	.security-list p:before {
	     background: none
	}
	.security-list p:after {
	    background: none;
	}
	.security-compensation .security-list li {
	    width: 50%;
	    margin-bottom: 80px;
	}
	.security-stype ul {
	    margin: 0;
	}
	.security-stype ul li {
	 float: left;
	     margin-left: 0;
	     border: none;
	     background: #fff;
	     text-align: center;
	     width: 100%;
	     height: 248px;
	     padding: 40px 0;
	     overflow: hidden;
	     margin-bottom: 15px;
	}
	.security-stype ul p {
	    padding: 0 30px;
	}
	.security-refund .security-list li {
	    width: 50%;
	    margin-bottom: 80px;
	}
	.security-vip dl dt {
	    margin-right: 20px;
	}
	.security-vip dl {
	    height: auto;
	    padding: 15px;
	}
	.security-vip ul li {
	    width: 99.4%;
	    margin-top: 20px;
		margin-left: 0;
	}
	.security-vip ul {
	    margin: 0;
	}
	}