body{font-family: Arial;font-size: 12px;line-height: 1.7;color: #666;background: #fff;height: 100%;position: relative; }
p{ margin:0}
h1, h2, h3, h4, h5, h6, figure{color: #333;font-weight: 400;}
::-webkit-selection{color: #fff;background: #3d69b2;}
::-moz-selection{color: #fff;background: #3d69b2;}
::selection{color: #fff;background: #3d69b2;}
.margin-big-middle-top{ margin-top:70px;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase, .initialism {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
a{color:#666;text-decoration:none}
a:focus,a:hover{color:#C2985B;transition:none}
h2,h3{ font-size:30px; line-height:100%}
ul,li{ margin:0; padding:0; list-style:none}

.none{ display:none}
.mainbox { max-width:406px; margin:10px auto 0;border:1px solid #e5e5e5; padding:6px;}

.show-box{ margin-top:6px;}
.show-box .item{ margin:0 1px 2px; position:relative;z-index:1}
.show-box .item img{ width:100%}
.show-box .item:before{  display:none;content:''; position:absolute;z-index:3; width:20px; height:20px; background:url(../image/icons.png) no-repeat left top; right:0px; bottom:0px;}
.show-box .item:after{display:none;content:''; z-index:2;position:absolute; width:100%; height:100% ;background:rgb(0,0,0,.5); right:0px; bottom:0px;left:0;}
.show-box .item.selected:before,.show-box .item.selected:after{ display:block;}
.show-box .item.selected img{}
.top-box { color:#fff; font-size:16px; background:#4a91e3;padding: 22px;line-height:1.6}
.top-box .two{font-size:20px; font-weight:bold;}

.three-box{border:1px solid #e5e5e5;border-top:none; margin-top:6px;max-width:406px; margin:0 auto;padding:10px 6px 13px;}
.three-box .item-img{margin-top:7px; margin-left:10px;}
.three-box a{  background:#4a91e3; color:#fff; font-size:16px; width:90px; height:32px;line-height:32px;border:none; float:right;border-radius:5px; text-align:center}